워드프레스(Wordpress에서 나눔고딕 웹폰트 적용하기

워드프레스에서 플러그인으로 나눔고딕폰트를 적용시키는 방법입니다.

먼저 폰트를 적용하기 위해서는 워드프레스 플러그인에서 WP Google Fonts를 추가합니다. 키워드에 wp google fonts로 찾아 보시면 검색이 될 것입니다. 설치 후 활성화 합니다.

좌측 사이드바에 보면 Google Fonts 라고 있을 것입니다. 그 부분을 선택해 보면 아래와 같이 폰트를 지정하는 것이 있습니다.

여기에서 첫번째 폰트 선택하는 드롭박스에서 아무거나 선택해 주시고, 3번의 Custom CSS(Optional) 이라는 부분의 하단 빈칸에 다음의 코드를 넣어 주세요.

@import url(“http://fonts.googleapis.com/earlyaccess/nanumgothic.css” ) ; body, h1, h2, h3, h4, h5, h6, li, p { font-family:”Nanum Gothic”,”NanumGothic” !important ; }

그 후 'Save All Fonts'를 눌러 주시면 적용이 완료됩니다.

이후 제대로 반영이 되는지 테스트를 해 봅니다.

글쓰기 에디터 상에서는 나눔고딕 폰트로 쓰여지는 것은 아니지만, 퍼블리싱 해 보면 위와 같이 나눔고딕으로 반영이 되어 나타납니다.