티스토리 블로그 나눔고딕 폰트 적용하기

Posted by 응칠이
2015. 11. 26. 18:53 블로그인포

티스토리 블로그에 나눔고딕 폰트를 적용해 보도록 하겠습니다. 처음 블로그를 만들면 사용하고 있는 스킨과 디자인을 고려하면서 어울리는 폰트를 찾게 됩니다. 워드프레스를 운영해 본 경험이 있는 분들은 영문으로 되어 있는 멋진 디자인과 템플릿이 한글 폰트를 적용하고 나면 뭐가 어색한 느낌을 받았던 적도 있었을 것이라고 생각 합니다.


한글 폰트는 영문폰트처럼 무료로 마음놓고 이용할 수 있는 것들이 많지 않습니다. 무단으로 운영을 하다 저작권과 관려해 불이익을 당할 수 있기 때문이죠. 그 중 나눔고딕 폰트는 영리 목적 없이 무료로 이용 가능 하기 때문에 많은 분들이 선호하는 대표적인 폰트 가운데 하나 입니다.



티스토리 블로그에 나눔고딕 폰트 적용 두가지 방법


첫번째 방법은 구글 웹폰트에서 폰트를 imfort를 하는 방법 입니다. 찾는 방법은 검색 버튼인 CTRL + F 를 누른 후 nanum gothic을 입력하면 됩니다.



그다음 관리자 화면의 HTML/CSS편집 부분으로 가서 CSS 부분을 누른 다음 아래 항목을 맷 윗부분에 삽입 하면 됩니다.


☞ @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);


그리고 CSS 내에 있는 font-family를 검색한 다음 font-family: Nanum Gothic, 나눔고딕, 맑은 고딕, Arial, "돋움", Dotum, AppleGothic, sans-serif 위와 같은 방법으로 가장 먼저 폰트를 지정하면 됩니다.



두번째 방법은 티스토리 블로그 내에 나눔고딕 폰트를 업로드 후, 사용하는 방법이 있습니다. 먼저 폰트 파일을 업로드 합니다.


NanumGothic.eot


나눔고딕 폰트가 업로드 되었다면 다시 css 화면으로 돌아 갑니다.


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

body{font-family:나눔고딕; font-size: 16px;}


그리고 위와 같은 문구를 넣어 주면 됩니다. 현재 이 블로그에서 보는 폰트의 크기가 16px 이며 원하는 크기대로 자유롭게 설정 할 수 있습니다. 티스토리 블로그에 나눔고딕 폰트를 적용하는 방법 두가지 방법에 대해 알아보았습니다. 저는 개인적으로는 두번째 방법을 선호 합니다.