@font-face{ 라는 사이트에 웹에서 나눔고딕 적용하는 방법이 쉽게 설명되어 있습니다.
해당 사이트에서 나눔고딕을 선택해서 <head> 부분에 추가할 script를 확인합니다.
| <script src="http://www.google.com/jsapi"></script> <script> google.load( "webfont", "1" ); google.setOnLoadCallback(function() { WebFont.load({ custom: { families: [ "NanumGothic" ], urls: [ "http://fontface.kr/NanumGothic/css" ] }}); }); </script> |
Appearance -> Editor로 이동해서 테마의 Header(header.php) 파일을 오픈합니다.
위 script를 복사해서 <head> 태그 사이에 넣고 Update File를 클릭합니다.
Google WebFont Loader를 사용하기 위한 등록이 완료된 것입니다.
다음은 블로그에서 해당 폰트를 사용해서 보여줄 곳에 적용을 시키는 작업이 필요합니다.
이 작업은 Appearance -> Editor의 Stylesheet(style.css)를 오픈해서 작업합니다.
| body { font-size: 12px; font-family: 'NanumGothic', 'Tahoma', 'Arial', 'Verdana'; } |
저는 모든 부분에 적용시킬 것이므로 이렇게 body 안에 명시했습니다.
이렇게 해서 적용 후 확인하면 됩니다 ^^
[…] 한글 웹폰트 나눔고딕 적용하기 […]
답글삭제[…] FontFace 사용하기 – 사용법 […]
답글삭제