워드프레스 한글 나눔고딕폰트 플러그인으로 손쉽게 적용 방법

워드프레스 나눔고딕 플러그인으로 손쉽게 적용 방법

워드프레스 플러그인 명 : WP Google Fonts

워드프레스 플러그인 설치방법

1단계 : 플러그인 설치

워드프레스 관리자 대시보드 들어가시면 왼쪽에 플러그인 메뉴가 있습니다.

1

플러그인 추가하기를 클릭하시고

 2

google font 를 그림처럼 입력하시고 플러그인 검색을 누르시면

 

3

wp google font 밑에 지금설치하기를 클릭하시면 설치가 됩니다.

설치이후 플러그인 활성화를 눌러 주세요.

 4

여기까지 하시면 플러그인 설치는 끝났습니다.

다음단계는 설정페이지로 가보겠습니다.

 

 

 

2단계 : 설정하기

대시보드에 설정에 google font 메뉴 클릭

5

Google Font Control Panel 설정 페이지에서 font1에 있는 셀렉트 박스에서 폰트를 선택합니다.

 

 

 

- 선택전

 

6

- 선택후

7

그리고 아래 이미지 보시면   3. Custom CSS (optional):부분에 

해당 CSS를 추가하시면 끝납니다.

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

@import url(“http://ts.daumcdn.net/custom/blog/0/606/skin/images/nanumgothic.css” );

body,li,p,select,input,option,button,h1,h2,h3,h4,h5,h6,a { font-family:”Nanum Gothic” !important; }

아이콘 엑박이 나올 경우

소스적용시 링크 걸려있는 텍스트는 적용이 안될 수 있습니다..

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

@import url(“http://ts.daumcdn.net/custom/blog/0/606/skin/images/nanumgothic.css” );

body,li,p,select,input,option,button,h1,h2,h3,h4,h5,h6 { font-family:”Nanum Gothic” !important; }

a { font-family:”Nanum Gothic”; font-weight: bold;}

8

테마별 강제 지정된 폰트들도 있어 변경이 되지 않는 부분은 3. Custom CSS (optional):부분에 CSS를 추가 하시면 됩니다.

해당부분은 CSS를 조금 아셔야 가능합니다.

다른방법으로 하셔도 동일한 부분이라 크롬에서 제공하는 개발자 도구를 사용하시면 쉽게 적용이 가능합니다.

크롬 개발자 도구는 게시물에 포스팅 하겠습니다.

진행시 안되시면 언제든지 문의 주세요.

 

 

출처:http://cafe.naver.com/wphome  멋진현(leeh****)

2015년 January 9일 / 기타 유용한팁

Share the Post

About the Author

Comments

No comment yet.


Warning: strpos() expects parameter 1 to be string, array given in /free/home/topshock/html/wp-includes/shortcodes.php on line 190

Warning: preg_match() expects parameter 2 to be string, array given in /free/home/topshock/html/wp-includes/shortcodes.php on line 201
Leave a Reply

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다.

Cart

  • No products in the cart.

Login