[WP] 워드프레스 테마에 나눔고딕 폰트 적용

워드프레스는 외국에서 개발된 CMS 툴이기 때문에 한글 테마보다는 영문에 최적화된 테마가 훨씬 많은 것이 사실이다. 그래서 괜찮다고 생각해서 고른 테마에 막상 한글을 적용시켜보면 뭔가 어색한 경우가 많은데.. 다행히 이 블로그에서 사용 중인 Monaco 테마는 스스로가 느끼기에 한글과도 잘 어울린다고 생각이 된다. 다른 한글 폰트를 사용했다면 어떨지 모르겠지만.. 처음부터 나눔고딕을 적용해서 스스로는 상당히 만족하고 있다. 무료 테마인데도 기능이나 css 등이 잘 되어 있다고 생각된다.

이 블로그에 적용한 폰트는 네이버에서 제공하고 있는 나눔고딕 폰트이다. 보통은 방문자의 PC에 나눔고딕 폰트가 설치되어 있어야 제대로 표시가 되는데 이런 문제점을 해결할 방법이 있으니.. 바로 웹폰트를 이용하는 것이다. 조금만 검색하면 나눔고딕 웹폰트를 다운로드 할 수 있다. 하지만 이 블로그에서는 구글에서 제공하는 나눔고딕 웹폰트를 사용하고 있다. 구글에서 제공하는 나눔고딕 웹폰트는 구글웹폰트 사이트를 방문하면 확인할 수 있다.

구글 웹폰트 사이트를 방문해 보면 알겠지만 상당히 많은 웹폰트를 무료로 제공하고 있다. 그리고 사용법 또한 간단하다. 나눔고딕 폰트를 예를 들면 아래 코드를 테마의 style.css 파일에 추가해주면 나눔고딕 웹폰트 사용을 위한 준비는 끝난다.

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

그런 다음 테마 전체의 폰트를 지정해주는 css 코드를 찾아서 나눔고딕을 추가해주면 된다. 이 블로그에서 사용 중인 테마에서는 아래와 같다.

body,
button,
input,
select,
textarea {
	color: #666666;
	font-family: 'Open sans','Nanum Gothic','Malgun Gothic',Dotum,sans-serif;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.8;

}

추가로 몇개의 폰트를 추가한 것이다. 영문 테마에서는 Open sans 폰트를 사용하는데 이것 역시 구글 웹폰트를 이용하는 것이다. 이런 방법으로 수정한 후 블로그를 보면서 바뀌지 않은 부분이 있다면 직접 해당 부분의 폰트를 변경해주면 된다.