Archive for 워드프레스팁

워드프레스에 웹글꼴인 나눔고딕 글꼴 적용하기

워드프레스에 웹글꼴인 나눔고딕 글꼴 적용하기

워드프레스는 외국 설치형기반 프로그램이기에 다양한 한글폰트를 지원하지 않습니다.

 

따라서 우리는 웹(네이버)에서 제공되는 나눔고딕 글꼴을 설치하여 사용할 수 있습니다.

물론 어떤 컴퓨터든 나눔고딕 폰트가 설치되어 있지 않아도 웹에서 불러다 사용하기 때문에 아무 문제없이 사용할 수 있습니다.

http://fontface.kr에 접속하면 아래와 같은 사이트가 나타납니다.

 

적용하기를 보면 회색으로 되어 있는 부분을 복사하여 우리가 설치한 테마에 붙여넣기를 하면 됩니다.

절차 1. 먼저 아래 문장을 드래그하여 복사합니다.

<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>

 

절차 2. 그림처럼 Appearance -> Editor -> Header -> </head> 앞쪽에 복사한 내용을 붙여넣기 하고 -> Update File을 클릭한다.

 

절차 3. 이제 마지막으로 Appearance -> Editor -> 하단 style.css -> 클릭하고 내용중 body { 부분을 찾아 font-family :에 NanumGothic 이라고 입력하고 -> Update File을 클릭하면 적용된 것을 알 수 있다.

 

어렵지 않게 나눔글꼴을 설치하였습니다.

Social Widgets powered by AB-WebLog.com.