티스토리 글씨체 변경하기

티스토리 글씨체 나눔고딕으로 변경하기

제가 처음 티스토리를 만들고 가장 마음에 들지 않았던 부분이 글씨체였습니다. 네이버 블로그의 경우 아이템팩토리에서 글씨체를 무료구입해서 바꾸면 그만이지만 티스토리 글씨체는 직접 태그수정을 통해 수정해줘야 합니다. 불편한거 같지만 티스토리 글작성시 글씨체를 바꾸지 않더라고 나중에 자동으로 변경되니 편리한 점도 있습니다.

여러가지 방법을 시도해봤지만 이 방법이 가장 간단하고 편리했습니다.

 

 

NanumGothic.eot

setting_font.txt

티스토리 블로그 구독성에 가장 좋은 폰트는 나눔고딕 웹폰트입니다. 일단 위의 두 파일을 다운받아주세요.

폰트 업로드

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

skin.html 수정

다운받으신 폰트를 업로드했다면 다음으로 skin.html을 수정해줘야 합니다. </title> 아래 녹색부분과 같이 소스를 붙입니다. 이 소스는 위에서 다운받으신 setting_font.txt 파일에 있습니다.

다음으로 article_rep_desc_ 를 ctrl+f 를 이용해 검색 후 바로 위에있는
<div class="article"> 소스를
<div class="article" style ="font:10pt 나눔고딕;"> 으로 수정해 줍니다.

style.css 수정

style.css 수정 창의 가장 상단에

@font-face {font-family: 나눔고딕; src:url(./images/NanumGothic.eot);} 소스를 아래와 같이 추가해줍니다. 이 소스역시 위 첨부한 파일에 있습니다.

이제 미리보기를 통해 티스토리 글씨체가 수정되었는지 확인해봅니다.
예쁜 폰트가 되었다면 추천 한방 꾹!