본문 바로가기

컴퓨터정보/BLOG 정보

티스토리 본문 폰트 나눔고딕글꼴 적용

반응형

티스토리 블로그에서는 기본적으로 돋움 폰트가 적용되어 있는데

블로그를 하시는 분들이다 보면 저처럼 이것저것 욕심이 나서

하나둘 바꾸다 보니 폰트도 나눔고딕 처럼 

가독성 좋은 폰트로 바꾸고 싶어하시는 분들도 있을겁니다

일단 나눔 폰트를 적용하는 법을 알아보겠습니다

인터넷을 뒤지고 뒤지고 뒤져서 많은 방법들을 보았는데

그나마 젤 확실한 방법인것 같습니다


일단 나눔고딕 폰트를 블로그에 업로드 합니다

나눔고딕폰트 파일은 아래 첨부했습니다


NanumGothic.eot





나눔고딕 폰트파일을 업로드 하셨으면

관리자모드에서

HTML/CSS편집으로 들어가셔서

'포스트 본문' 으로 검색을 해보시면 

아래 그림처럼 '포스트 본문 내용' 아래에

<div class="article"> 이라는 내용이 나옵니다



이부분을 먼저

첨부한 텍스트 파일에 있는

skin.html 아래에 있는 


<div class="article" style="font:12px/180% NanumGothic,Malgun Gothic,Arial,"돋움",Dotum,AppleGothic,sans-serif">


로 변경해줍니다


tistory_나눔고딕.txt


다음 style.css 의 제일 상단에

마찬가지로 첨부한 텍스트 파일에 있는

style.css 아래에 있는


@font-face {font-family:NanumGothic; src:url(images/NanumGothic.eot)};

body{font-family:NanumGothic; font-size: 12px;}

div{font-family:NanumGothic; font-size: 12px;}


위 내용을 삽입합니다



참고적으로 말씀드리면

위 내용들을 적용하신뒤에 본문에 글을 쓰실때

나눔고딕 폰트를 선택하려고 해도 보이지 않습니다

그냥 돋움인 상태에서 쓰시고 크기나 색깔만 변경하시기 바랍니다


글쓰기가 완료된후에 저장을 누르면

설정한 나눔고딕 폰트로 적용이 됨을 볼수가 있습니다


반응형