구글에 등록된 나눔고딕 폰트 활용해서 티스토리 블로그 폰트 변경하기

친절하게도 구글은 새로운 언어를 지원하기 위해 노력을 많이 하는 것 같습니다.

최근에 홈페이지에서 많이 사용하는 폰트인 '나눔고딕'폰트가 구글에 등록되어 있어서, 홈페이지나 블로그에 쉽게 나눔고딕 폰트를 적용할 수 있습니다.

간단한 방법만 알면 홈페이지나 블로그 전체를 나눔고딕 폰트로 변경할 수 있습니다.

구글 나눔고딕 폰트 등록방법

위의 노란박스가 핵심입니다.

Link는 나눔고딕 폰트 css파일을 나의 홈페이지나 블로그에 import 시켜서 사용하겠다는 내용이며

Example에 나와 있는 font-family는 폰트를 Naum Gothic로 지정하겠다는 내용입니다.

구글 naumgothic.css 파일 내용

그럼 이제 블로그에 나눔고딕 폰트를 적용해 보겠습니다.

HTML/CSS 편집

html/css 편집을 통해서 style.css 파일에 나눔고딕 폰트를 적용시키는 문장을 추가해야 합니다.

@charset "utf-8"; 

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

body{font-family: 'Nanum Gothic'; font-size: 12px;color:#666;}

.article {font-family: 'Nanum Gothic'; font-size: 12px;color:#666;}

내 블로그에 구글에 등록되어 있는 나눔고딕 폰트를 사용할 것이며, 그 폰트의 이름은 Naum Gothic 라고 정의한 내용입니다.

위의 내용을 적용하고 저장하면 폰트가 나눔고딕 폰트로 변경이 완료됩니다.