[Wordpress] 워드프레스에 구글 나눔고딕체 웹폰트 적용하기

워드프레스에 웹폰트를 적용해 보겠습니다.

구글에서는 웹폰트를 제공하고 있는데 그 중에서 나눔고딕체를 워드프레스에 적용해 보겠습니다.

현재는 활성화된 테마에 설정된 폰트가 그대로 나오고 있는데요.

구글 웹폰트가 적용되면 다른 글꼴로 바뀔 것입니다.

[관리자페이지 > 외모 > 테마]에 가서 현재 활성화된 테마가 무엇인지 확인합니다.

현재 적용된 테마가 [Twenty Fifteen]이네요.

그럼, 워드프레스 twentyfifteen 테마 폴더를 찾아보겠습니다.

wordpress설치폴더 > wp-content > themes > twentyfifteen > style.css 파일을 편집기로 엽니다.

그리고, 아래 소스를 맨 위쪽에 붙여 넣으세요.

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

body, h1, h2, h3, h4, h5, h6, li, p, #nav ul li a, #topbar, input, button, select, textarea, a, .wf-container > *, .widget-title, .dwqa-container, #wpmem_reg, #wpmem_login { 
font-family: 'Nanum Gothic', 나눔고딕 !important; 
font-style: normal  !important; 
}

저장하고 바뀐 폰트를 확인해 볼까요?

이렇게 예쁘게 구글 나눔고딕체 웹폰트가 적용이 되었네요^^

폰트가 생각보다 괜찮은데요? ㅋ

2015/09/18 - [인터넷/컴퓨터/워드프레스] - [Wordpress] 워드프레스에 구글 나눔고딕체 웹폰트 관리자페이지 적용하기