티스토리 블로그 나눔고딕 적용방법

티스토리 블로그 나눔고딕 적용방법

블로그를 운영하면서 내 블로그의 글들을 방문자 분들이 조금 더 편하게 볼 수 있는 방법을 고민하게 됩니다. 그래서 현재는 대부분의 설치형 블로거 분들께서 나눔고딕폰트를 이용하고 있는데요. 가독성 및 시안성이 좋은 나눔고딕폰트를 티스토리 블로그에 적용하는 방법을 알아보도록하겠습니다. 

나눔고딕을 티스토리 폰트로 적용하는 방법은 여러가지가 있습니다만, 오늘은 구글 폰트에서 제공해주는 웹폰트를 적용하는 방법을 알아볼까 합니다. 단순히 글꼴을 나눔폰트로 변경할 경우 나눔고딕이 PC에 설치된 사용자만 나눔고딕 폰트로 보여지며 나눔고딕 폰트가 없는 분들은 절대 나눔고딕 폰트를 볼 수 없습니다. 이런 문제점 때문에 웹폰트를 적용하시면 방문자 PC에 나눔고딕폰트가 설치되어있지 않아도 웹상에 올려진 폰트가 자동으로 적용되기 때문에 어느 누구라도 나눔고딕 폰트를 확인할 수 있게 됩니다. 

먼저 아래 구글폰트 사이트로 접속합니다.

구글 폰트 사이트

http://www.google.com/fonts/earlyaccess

폰트가 여러종류가 있는데 아래로 내리시면 Nanum Gothic (Korean) 이 있습니다. 여기서 아래 링크로 적혀진 소스를 복사합니다. 

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

복사한 소스를 style.css  최상단에 붙여넣어줍니다. 여기까지 진행하면 나눔고딕 웹폰트의 위치가 지정된 것입니다. 이제는 티스토리 블로그의 폰트를 전부 나눔고딕으로 바꿔주면 됩니다. 

style.css 에서 ctrl+F 버튼을 눌러서 font-family: 를 검색합니다. 그리고 아래와 같이 검색된 모든 font-family: 뒤에 'Nanum Gothic' 을 넣어줍니다. (스킨 및 개인화에 따라 font-family: 의 위치 및 개수가 다를 수 있습니다.)

# 본 명령어는 폰트를 노출시키는 순서입니다. 즉, 아래 캡쳐화면에서처럼 1번으로 불러올 폰트가 바로 Nanum Gothic, 2번째로 불러오는 폰트가  sans-serif 입니다. 당연히 1번으로 나눔고딕 폰트를 불러올때 위에 나눔고딕 웹폰트 위치를 지정해줬기 때문에 모든 방문자들에게 나눔고딕 웹폰트가 적용됩니다. 

어떤가요? 티스토리 블로그에 나눔고딕 폰트를 적용하는 방법이 생각보다 간단하죠? 많은 도움되시길 바라겠습니다!