티스토리 기본 글꼴 (폰트) 변경


이 방법은 티스토리 관리자 모드에서 변경하는 방법이 아닌 HTML/CSS를 변경하여 진행하는 방법이다. 어렵지 않고, 그냥 따라만 하면 누구라도 다 할 수 있는 것이므로 한번 해보도록 하자. 조금 노가다가 필요한 부분이 있으니 인내를 가지고 시도해 보자.



피가되고 살이되는 블로그! 친절한효자손의 취미생활!

글, 사진 및 이미지 ▶ CopyLeft(C) 유길용

#CopyLeft(C) 는 저작권의 반대개념으로, "모든것을 공유한다" 는 뜻 입니다#




티스토리 기본 글꼴 (폰트) 변경


여기서 사용할 글꼴은 무료폰트인 나눔고딕 폰트 이다. 이곳에 업로드를 해놓았으니 다운을 받아두면 된다.


NanumGothic.eot


다운을 다 받았으면, 이제 다음 과정이다.




티스토리에 글꼴 업로드하기



티스토리 관리창으로 들어가서, HTML/CSS 편집으로 들어간다.





파일업로드 탭으로 가서 추가를 눌러 방금 저장한 글꼴을 올리도록 한다.





이렇게 정상적인 업로드가 끝난 상황이다.





자, 위의 두개의 코드를 추가해 넣도록 한다. 다소 많기 때문에 아래 텍스트 문서로 저장을 해 두었으니 다운 후 그대로 복붙을 하면 편리하게 코드를 넣을 수 있을 것이다.

이 때, 위치가 매우 중요하니 반드시 저렇게 넣어야 한다.


첨부파일

티스토리 글꼴변경.txt




그리고 CSS 항목에서 컨트롤 + F 를 하여 font-family 를 검색해서 모두 찾는다. 그리고 바로 오른쪽에 있는 글꼴을 모두 지우고 나눔고딕으로 지정해 줘야 한다. 위의 경우라면, dotum,tahoma 그리고 그 밑에는 tahoma만 NanumGothic 으로 바꿔주기만 하면 되는 간단하지만 노가다인 작업이다.





이렇게 변경해주면 된다. 나머지 찾은 모든 것들의 글꼴을 이렇게 나눔고딕으로 바꿔주자. 영어로 작성해야 작동한다.





현재 글을 보고 계시면 아시겠지만, 이렇게 해서 완벽하게 글꼴이 적용이 된 모습이다. 역시 한눈에 쏙 쏙 들어오는 글씨체가 최고의 글씨체이다. 이렇게 해서 티스토리 기본 글꼴을 변경하는 방법을 알아보았다. 모두 성공하길 빈다. -끝-



"친절한효자손 취미생활" 을 검색!

이 글을 공유하기

댓글(14)

  • 2017.01.09 16:37 신고

    언제나 좋은 글 감사합니다 덕분에 글자체가 보기좋아졌습니다

  • 2017.01.09 16:41 신고

    넵^^

  • 2017.11.01 17:51 신고

    나눔고딕 폰트 첨부 완료하고 그다음에 css 변경하는 부분을 못찾겠어요. ㅠㅠ,,, 쓰신거보니 젤 위쪽 처음부분에 작성하신거 같은데 비슷한 단어로 찾기했는데 안보이네요,,, css 어느 부분에 넣어야하는건가요?

    • 2017.11.02 00:08 신고

      안녕하세요, 음....여기 본문에 있는대로 해보시라는 말 밖에 ㅠㅠ 달리 도움드릴 부분이 없네요.

  • 2017.12.29 14:05 신고

    감사합니다. 덕분에 폰트 바꿨습니다.
    그런데 스킨 다른걸로 변경하면 fotnfamily 설정한거 다 지워지겠죠?

  • 2017.12.29 15:29 신고

    이곳보고 어느정도 따라하긴 했는데
    달려라 한이님처럼
    윗부분에
    /본문 공통/이라는부분을 찾을수가 없네요..

    어느부분에 붙여넣기를 해야하는건지 감이 잡히질 않습니다..

    • 2017.12.29 16:02 신고

      안녕하세요, 본문공통 저건 주석입니다. 스킨마다 다릅니다. 주석은 그냥 일종의 설명서와 같은 기능으로 실제 적용되는 태그는 아니에요. 그거 신경쓰지 마시고 font-family 이 태그만 신경쓰셔서 작업하시면 됩니다.

  • 2018.01.02 16:47 신고

    소제목이라고 해야하나요
    예를들어 상단의


    티스토리 기본 글꼴 (폰트) 변경


    뒤의 배경이미지같은건 어떻게 하셨을까요?..
    메뉴 하나하나 눌러봐도 안보이기에 ㅠㅠ

    • 2018.01.02 17:05 신고

      밑줄 말씀이신건가요? 그것은 글쓰기 메뉴 중 맨 왼쪽에 본문 이라고 되어있을텐데, 그것을 머리말로 변경하시면 됩니다. 참고로 머리말1,2,3 이런식으로 숫자가 있을텐데요, 그건 크기를 뜻합니다.

    • 2018.01.02 17:19 신고

      머리말만 체크하고 글을 쓰면
      자동으로 저렇게 색이 들어간 밑줄이 그어지나요?...
      html인줄알았는데..

    • 2018.01.02 17:24 신고

      스킨마다 다르겠지만, 이 스킨에서는 저렇게 디자인 되어있어요.

    • 2018.01.03 16:28 신고

      정말 친절하시네요.
      이러니 사람들이 많이 방문하는게 아닐까 합니다.

      새해복 많이받으시고 저도 꾸준하게 해야겠네요^^

Designed by JB FACTORY