워드프레스 테마는 주로 영문 위주로 만들어졌기 때문에 한글 폰트를 예쁘게 표현하려면 별도의 조치가 필요합니다.
CSS를 직접 수정하여 사용 할 수도 있지만, 테마마다 CSS를 수정하고 관리하기 힘들기 때문에 플러그인을 이용하여 편리하게 폰트를 설정합니다.
1. WP Google Fonts 플러그인을 설치하여 나눔고딕 폰트 설정
Custom CSS 에는 아래 내용을 복사하여 넣습니다.
|
1 2 |
@import url(“http://fonts.googleapis.com/earlyaccess/nanumgothic.css” ) ; body, h1, h2, h3, h4, h5, h6, li, p { font-family:”Nanum Gothic”,”NanumGothic” !important ; } |
2. 글쓰기 편집 화면에서 나눔고딕을 기본 폰트로 사용하기
글쓰기 편집 화면에서는 아직도 나눔고딕으로 설정이 안될 수도 있습니다.
아래 코드를 custom-editor-style.css 파일을 생성하여 만든 후 테마 루트 디렉토리에 저장합니다.
|
1 2 3 4 5 6 7 8 |
body#tinymce.wp-editor { font-family: “Nanumgothic”,”Nanum gothic” Arial, Helvetica, sans-serif; margin: 12px; } body#tinymce.wp-editor a { color: #4CA6CF; } |
이후 외모-편집기에서 function.php 파일을 불러온 후 아래의 코드를 삽입합니다.
|
1 2 3 4 |
function my_theme_add_editor_styles() { add_editor_style('custom-editor-style.css'); } add_action('init','my_theme_add_editor_styles'); |