이젠 나도 나눔고딕 폰트를 블로그에서! 티스토리에서 폰트적용하기

 

 

 

 

 

 

 

---

 

 

 

 

 

항상보던 폰트는 가라!

이젠 티스토리에서 나눔고딕 폰트로 바꿔볼까?

 

 

네이버 블로그에선 나눔고딕으로 변경이 가능하다던데 아직 티스토리에선 적용이 안되네요 ㅜㅜ

글을 쓰다보니 작은 글씨는 괜찮은데 큰 글자는 자간이나 넓이가 너무 넓어서 이번엔 폰트를 변경해보기로 했어요 하하

 

우선 나눔고딕 웹폰트를 다운받아요

 

NanumGothic.eot

 

 

 

      

 

 

다운받은 웹폰트는 관리자에서  HTML/CSS > 파일업로드에서 추가버튼으로 업로드 해  줍니다

 

 

자 그럼

 

파일이 업로드 되었으면

 

 

HTML/CSS > HTML/CSS 탭으로 돌아갈까요

 

 

style.css 있죠?

그곳에 이 구문을 넣어주세요

 

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

 

이 부분을 윗부분에 붙여주세요

아래와 같이 들어가겠죠 (@charset "utf-8"; 밑에 붙이시면 돼요! @import url 은 신경쓰지마세요~ )

 

 

 

그리고 skin.html 에는

 

<style type="text/css"> @font-face {font-family: 나눔고딕; src:url(./images/NanumGothic.eot);} a:link {font-family: 나눔고딕;font-size: 10pt;} a:visited {font-family: 나눔고딕;font-size: 10pt;} a:hover {font-family: 나눔고딕;font-size: 10pt;} a:acvite {font-family: 나눔고딕;font-size: 10pt;} body,div,table,tr,td,p,span {font-family: 나눔고딕;} </style>

 

이부분을 넣어줍니다

body,div,table,tr,td,p,span {font-family: 나눔고딕;} 여기에 font-size:10pt 넣어주셔도 돼요 제 블로그에는 맞지 않아서 넣지 않았습니다

 

 

 

그리고 ctrl+f 로 class="article" 을 검색해서 찾아서 style="font:10pt 나눔고딕;" 붙여주세요

 

<class="article"> 이 <class="article" style="font:10pt 나눔고딕;"> 으로 바뀌게요

 

 

 

아래처럼요

그리고 블로그를 확인해보시면 나눔고딕으로 변해있을꺼에요

 

짜잔 !

 

 

그럼 예쁘게 사용하세요~