티스토리 폰트변경 !! 간단하게 정리해보려구요.


일단 제 블로그의 스킨을 Square로 변경했습니다. 

미리보기로 적용해보니 마음에 들어 한 3년? 4년만에 스킨을 바꾼 것 같아요.


Square의 기본 폰트는 Ubuntu Condensed 입니다. 익숙한 폰트는 아닌 것 같아요 :)

눈에 익숙한 나눔고딕으로 변경해봅시다. 


1. 관리자 페이지에서 스킨 변경 페이지로 이동 

 - 아래 그림과 같은 화면에서 HTML/CSS 편집을 클릭합니다. 

   


2.  HTML/CSS 편집에 들어가서 오른쪽 글자 중 CSS를 선택합니다. 

  - 그럼 아래와 같은 화면을 볼 수 있어요.

   


  - 요 바로 아래 나눔고딕 폰트를 추가합니다. 

  - google fonts에서 검색하면 되는데요. 제가 검색해서 스샷찍어왔어요.

   

  - 요거 복사해서 붙여넣습니다!!

  - @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 




  - 그다음에 조금만 아래를 살펴보면 10~13줄에 font-family가 있습니다. 

    'Ubuntu Condensed' 앞에, 꼭 앞에!!! 'Nanum Gothic'을 추가해주고 저장하면 됩니다.  

   



  1. Favicon of https://www.papaslab.co.kr BlogIcon roding 2016.05.04 23:10 신고

    잘 보고 갑니다.

  2. Favicon of http://blog.naver.com/kdzdsyygijfs?66028 BlogIcon 커피한잔 2016.06.09 06:58

    좋은 정보 잘보고 갑니다

  3. Favicon of https://hibia.tistory.com BlogIcon 히비아 2016.07.23 21:46 신고

    와우, 진짜 그대로 하니까 잘 되네요!ㅎ 감사합니다. 티스토리 이제 막 시작해서 아는 게 아무것도 없어서ㅠㅠ폰트 맘에 안 드는데 바꿀 줄을 몰라서 고민했거든요. 덕분에 깔끔하게 해결했어요^^ 정말 감사해요!!

    • Favicon of https://ngee.tistory.com BlogIcon ngee ngee 2016.07.23 22:51 신고

      댓글 감사합니다.
      잘 변경되었다고 하니깐 저도 좋네요 :)

  4. Favicon of https://therightpath.tistory.com BlogIcon !!!!!!!!!! 2016.09.09 10:18 신고

    감사합니다. 저도 이 스킨 쓰는데 어떻게 폰트 바꾸는지 몰랐는데 배웠습니다.
    CSS에서 5번째 줄에다가 @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 를 붙여 넣기 하라는 말씀이시죠?

    • Favicon of https://ngee.tistory.com BlogIcon ngee ngee 2016.09.09 11:40 신고

      네 그 다음에
      font-family에 나눔고딕 폰트를 추가해줘야합니다.
      위 포스팅 마지막에 있는 부분도 꼭 하셔야 적용됩니다.

      댓글 감사합니다.

  5. Favicon of https://dksldkgeilsdkfjksjdksjk.tistory.com BlogIcon 촘봄 2017.09.11 16:59 신고

    폰트 적용하는 게 eot로 변환하는 방법만 있는 줄 알고 프로그램을 설치해야하나 엄청 고민 중이었는데 정말정말 감사합니다ㅠ//ㅠ!!

  6. Favicon of https://simstocks.tistory.com BlogIcon 심정운 2018.06.24 17:41 신고

    고민에 고민하던 부분이 시원하게 해결되었습니다. 너무나도 감사합니다.^^

+ Recent posts