나눔고딕 웹폰트, 티스토리에서 웹폰트 설정하기

나눔고딕 웹폰트, 티스토리에서 웹폰트 만드는 방법

블로그를 운영할때 내 방문자들이 편안하게 글을 읽을수 있도록 하는것이 매우 중요합니다.

그중에서도 폰트의 중요성을 빼놓을 수 없는데요.

많은 블로거 분들이 오픈라이센스 폰트인 나눔고딕 웹폰트를 사용하고 있습니다.


티스토리에서 나눔고딕 웹폰트를 설정하는 방법에 대해서 알아보겠습니다.

우선 아래에 첨부한 파일 2개를 받아주세요.

NanumGothic.eot

setting_font.txt

* 폰트 업로드

위에서 받으신  NanumGothic.eot 파일을 HTML/CSS 편집페이지에서 업로드합니다.
 

* skin.html 수정

1. 최상단에 있는 </title> 아래에 그림과 같이 녹색부분의 소스를 붙입니다.
 

2. ##_article_rep_desc_##  로 검색 후 바로 위에있는 

<div class="article">  태그를

<div class="article" style="font:10pt 나눔고딕;"> 으로 수정합니다.


setting_font.txt 파일을 열어서 필요한 부분을 가져다 사용 하시면 됩니다.

* style.css 수정

style.css 창의 제일 상단에 

@font-face {font-family: 나눔고딕; src:url(./images/NanumGothic.eot);}  태그를 추가합니다.

setting_font.txt 파일을 열어서 필요한 부분을 가져다 사용 하시면 됩니다.   



 이상 나눔고딕 웹폰트 설정에 대해 알아보았습니다.

첨부해드린 소스에서 폰트 사이즈나 폰트명은 원하시는 형태로 변경하셔도 됩니다.

이제 가독성은 좋아졌으니.. 내용좋은 포스팅을 하는 일만 남았군요 ^^;