[블로그 꾸미기팁] 티스토리에 웹폰트 나눔고딕 적용하기

안녕하세요^^ 이번 블로그 꾸미기 시간에는 티스토리에 웹폰트를 적용하는 방법을 알아보도록 하겠습니다.

네이버 블로그에서처럼 폰트샘에서 원하는 폰트를 다운받는 시스템이면 좋겠지만 티스토리!뭔가 어렵습니다. 게다가 기본 한글폰트.. 4개 뿐입니다ㅠ

 

 

그럼 이럴 때 다른 폰트가 사용하고 싶을 때 이 방법을 사용해보시면 좋을 것 같아요. 티스토리에서 나눔 고딕 폰트를 적용하는 방법입니다.

 

 

NanumGothic.eot

 

이 파일을 받으시구요~^^

티스토리의 경우에는 바로 설치를 하는 방법이 없어서 조금 어려운데요. 위에 파일을 가리고 티스토리 관리자에서 html/css편집을 이용해서 업로드를 해주시면 됩니다.

 

 

 

블로그 관리창으로 가셔서 꾸미기 탭 HTML/CSS 편집을 클릭합니다.

 

 

파일 업로드 탭을 눌러서 아까 받았던 파일을 첨부합니다!

 

그러면 이렇게 업로드가 되는데요. 여기까지만 하면 얼마나 좋겠습니까 ^^ 

 

 

 

 

제대로 업로드 되었는지 확인한 후에 옆에있는 HTML/CSS탭으로 옮겨갑니다.

 

 

그러면 아래 style.css에서

 

@font-face {font-family:nanum; src:url(images/NanumGothic.eot)};<br>
body{font-family:nanum; font-size: 14px;}<br>
div{font-family:nanum; font-size: 14px;}<br>
@charset "utf-8";
@font-face {font-family:NanumGothic; src:url(./images/NanumGothic.eot);}

 

검은 글씨 위에 빨간글씨를 넣으시면 되는데요~

 

 

위의방법으로 적용을 시키면 티스토리 블로그의 기본 폰트가 나눔고딕으로 바뀐다고 합니다.

하지만 저는 아무리 해도 적용이 안되더군요 ㅠㅠ 그래서 다른 블로거 분들을 찾아봤는데

하루가 걸렸다는 ㅠㅠ 분도 계셨어요. 우리는 정말 컴맹인가요?ㅠ

오늘안에 다시 찾아보고 저와 비슷한 고민을 하고 계신분들께 꼭 이 일급 비밀정보를 알려드리도록 하겠습니다!