본문 바로가기

자료실

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

제 티스토리 블로그에 현재 사용하고 있는 폰트가 바로 구글웹폰트 나눔고딕(Nanum Gothic)체입니다.

제가 사랑하는 폰트이기도 합니다.

구글에서 제공하는 바로 이 나눔고딕(Nanum Gothic)체를 사용할 수 있는 방법을 알려드릴께요~

내 피씨에 다운로드 받지 않고 바로 링크만 걸어도 사용이 가능하다니... 정말 멋지지 않나요?

또한 구글웹폰트는 상업적으로도 전혀 문제가 없이 무료로 사용할 수 있다는 것이 큰 장점이기도 하구요~

 

1.

▶ 구글 웹폰트 사이트 바로가기

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

 

위의 링크를 클릭하시면 구글 웹폰트 사이트가 열립니다.

 

 

 

2.

여기로 들어가시면 600개가 넘는 폰트를 확인하실 수 있는데요...

구글웹폰트 사이트에서 나눔고딕은 한글로 지원을 하지 않는데요.. 그래서 영어로 알파벳순으로 찾아보시거나 'Ctrl + F' 누르신 후

'Nanum Gothic (korean)'으로 검색하시면 빨리 찾으실 수 있어요.

 

 

 

3.

나눔고딕체를 찾으셨으면 Link 부분의 소스부분을 카피(Ctrl+C)를 합니다.

 

 

 

4.

내 티스토리 관리자 페이지로 들어오셔서 '꾸미기-HTML/CSS편집' 클릭~

 

 

 

5.

style.css 소스부분의 맨 위에 붙여넣기(Ctrl+V) 로 한줄 넣어주기만 하면 끝~

빨간박스 부분이 추가된 부분입니다.

정말 간단하죠~~잉~~

 

 

 

6.

마지막으로 한가지 더~

구글웹폰트 사이트에서 아까 복사한 Link 부분 소스 아래에 Example 부분의 소스를 카피해서....

 

 

티스토리 내 관리자 페이지의 style.css 부분의 본문 소스쪽에...

font-family 부분을 찾아서 위에 카피한 소스로 대체해 줍니다. Nanum Gothic 이 첫번째로 적용되는 폰트이고, sans-seif 가 두번째로 적용된다는 뜻입니다.

그 외 소스들 찾아보시고 다른 폰트 적용된 부분이 있다면 나눔고딕체로 모두 변경해 주시면 됩니다. 

 

 

 

그럼 성공적으로 변경되셨기를 바래요~^^

화이팅~!!!