티스토리 구글 무료 폰트 나눔고딕 적용하는 법

티스토리 스킨의 기본 폰트가 마음에 안들때가 있죠? 구글을 통해 폰트를 쉽게 5분만에 바꾸는 법을 알려드립니다.

 

1. 구글에서 마음에 드는 폰트를 선택

https://fonts.google.com/ 에 들어가서 마음에 드는 폰트가 있는지 찾아봅니다. 단 익스플로어에서는 해당 사이트가 접속이 안되며 크롬, 사파리, 파이어폭스를 통해서 접근할 수 있습니다.

 

구글 폰트 접속하면 첫화면이 아래와 같이 보입니다.

굉장히 많은 무료폰트가 있습니다. 우측에 언어선택화면이 있는데 Korean으로 설정하면 한국어 폰트만 볼 수 있습니다.

가장 많이 쓰는 나눔고딕을 적용해 볼까요? 나눔고딕항목을 클릭합니다.

 

 

2. 폰트 선택 후 소스코드를 확인

폰트를 선택하면 우측상단에 SELECT THIS FONT를 클릭합니다.

 

CUSTOMIZE를 클릭하고 Korean에 체크합니다.

 

그리고 EMBED > IMPORT 에가서 아래와 같은 소스코드를 복사합니다. 나눔고딕으로 적용하고 싶은 경우 아래 txt 파일에서 드래그해서 붙여넣기 하면 됩니다.

 

폰트 소스코드.txt

 

3. 티스토리에 적용

관리자 화면으로 들어가서 스킨편집을 클릭합니다.

 

CSS 모드로 들어가서 두가지 작업을 합니다.

① 복사한 소스코드를 @charset "utf-8" 아래칸에 붙여넣기 합니다.

② Body의 font-family에 'Nanum Gothic'을 가장 처음 부분에 넣습니다. 아래 코드를 드래그해서 넣어도 되고 위의 파일에서 붙여넣기 해도 됩니다.

 

선입선출법이라고 'Nanum Gothic'을 제일 먼저 넣게 되면 한국어는 나눔고딕으로 우선 적용됩니다. 

 

4. 적용된 모습 확인

적용 전 모습입니다. 맑은 고딕체에요.

적용 후 모습입니다. 나눔고딕으로 바뀌었습니다.

 

구글 폰트를 통하면 한국어뿐만 아니라 영어, 일본어, 중국어 등 다국어도 이렇게 적용할 수 있습니다.