[WordPress] 워드프레스와 KBoard 게시판 글꼴에 나눔고딕 적용하기

 

■ 워드프레스 설치 후 글꼴이 마음에 안들 때 워드프레스의 테마디자인에서 css를 변경해주거나 폰트 플러그인을 설치해서 설정해주면 원하는 폰트로 변경할 수 있다.

CSS 코드 추가 위치 : 테마 디자인 >> 사용자 정의하기 >> 추가 CSS

추가할 CSS 코드는

@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
h1, h2, h3, h4, h5, h6, li, p, span, label, input { font-family: ‘Nanum Gothic’, 
Apple SD Gothic Neo, Malgun Gothic, arial, sans-serif; }

#kboard-default-document .kboard-title h1,
#kboard-default-document .kboard-detail,
#kboard-default-document .kboard-content,
#kboard-default-document .kboard-button-like,
#kboard-default-document .kboard-button-print,
#kboard-default-document .kboard-control a { font-family: ‘Nanum Gothic’, Apple SD Gothic Neo, 
Malgun Gothic, arial, sans-serif; }
* { font-family: ‘Nanum Gothic’,Apple SD Gothic Neo,Malgun Gothic,arial,sans-serif; }

 

플러그인 WP Google Fonts 설치 후 설정은

WP Google Fonts

 

전체가 아닌 일부 Elements에게만 폰트 적용을 할 경우,
Custom CSS(optional): 에 다음을 추가한다.

@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
h1, h2, h3, h4, h5, h6, li, p, span, label, input { font-family: ‘Nanum Gothic’; }