2013. 3. 16.

블로그에 웹폰트 '나눔글꼴' 적용하기

구글이 지원하는 웹 폰트 대기열에 산돌커뮤니케이션이 제작하고 네이버무료 배포하는 나눔글꼴이 등록 되었다. 맑은고딕과 나눔글꼴은 한글 글꼴 중에 웹 브라우저에서 가장 가독성이 좋다고 느낀다. 구글 웹 폰트 사이트의 More Script (early access) 에 들어가면 나눔 글끌 5종(고딕, 손글씨 붓체, 손글씨 펜체, 코딩, 명조)이 등록 된 것을 볼 수 있고 이 중에 사용 할 폰트를 골라 블로그의 HTML 과 CSS 를 수정한다.


- 나눔 고딕으로 변경하기

1. CSS 에 아래 코드를 추가한다.
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

2. HTML 을 열어 폰트 지정 부분을 찾아 대표 서체를 변경한다.
font 나 font family 로 검색하여 헤더, 타이틀, 본문, 댓글 등 폰트 지정 부분의 현재 폰트명을 Nanum Gothic 으로 변경시킨다.