한글폰트 설치관련 3가지 방법

워드프레스 한글 폰트 사용방법

테마라고 부르는 디자인이 멋져서 구입한 후 한글을 적용해 보면 예쁘지 않다. 이를 해결하는 방법은 3가지가 있다. 

1. 구글 제공 폰트서비스를 이용한다.

2. 한글 사용 플러그인을 설치한다.

3. 웹서버에 웹용으로 된 폰트를 설치하고 그것을 호출해서 사용한다.

 

위 순서대로 속도에 영향을 준다.

가장 복잡한 방법은 3번째 방법이고 서버에 트랙픽을 발생하게 한다.

가장 쉬운 방법은 2번째 방법이다. 하지만 페이지 로딩 속도에 영향을 미친다면 1번째 방법을 사용한다. 

 

1. 구글 서비스 이용하여 한글 폰트 사용하기

관리자 메뉴 > 테마 디자인 > CSS 편집으로 들어가서 추가해 주면 된다.

만약 차일드 테마를 활용 중이라면 차일드 테마의 style.css 에 추가를 하여도 된다.

 

@import url(‘https://fonts.googleapis.com/css?family=Nanum+Gothic’); body, h1, h2, h3, h4, h5, h6, input, textarea, select { font-family: ‘Nanum Gothic’, sans-serif; }

 

위는 구글에서 서비스하는 한글 폰트 중 네이버 나눔 고딕을 CSS에서 링크를 하는 방법이다.

장점은 내 서버에 부하를 주지 않는다는 것, 단점은 테마가 변경되거나 업그레이드될 때 동일한 방법으로 수정할 수도 있다는 점이다.

이 방법은 CSS를 이용하는 것으로, 다른 말로는 웹디자이너를 위한 디자인 언어쯤 되는 사용방법이라고 이해하면 되겠다. 즉 그림과 글의 레이아웃, 문장의 정렬, 폰트의 세부 속성 지정 등과 같은 디자인 작업을 인디자인, 포토샵, 일러스트레이터와 같은 도구에서는 메뉴로 하지만 CSS에서는 정해진 규칙의 언어를 사용해 디자인하라고 글자로 명령을 하도록 문서를 만드는 것이다. 아직 사용할 줄 모른다면 빨리 공부하여 디자이너 대열에 동참하기 바란다. 

 

2. 플러그인과 사용법

프러그인 이름 :Rocket Font

사용법 https://www.cmsfactory.net/10492

문제점 : Twenty Seventeen에서는 일단 사이트 제목과 태그라인에 적용되지 않음.

해결방법 : 설정 > 로켓 폰트 > (고급) class 및 id설정 탭 > 폰트를 적용할 클래스 및 ID 설정

> .site-title | .site-description 

 

3. 웹 서버에 웹폰트 업로드 사용법

사용법 : https://han.gl/Mvz4u 에 접속하여 '3. 워드프레스 한글폰트-폰트 직접 업로드 방식' 참고

문제점 : 기존 OTF, TTF폰트 형식은 용량이 커서 EOT, WOFF라는 형식의 웹폰트로 변환해야 한다. 소프트웨어는 무료로 구할 수 있고 또는 사용법 사이트에서 변환하는 URL을 제시하고 있다. 인쇄용 서체를 사용하면 트랙픽이 발생해 페이지 로딩 속도가 늦어짐은 물론 서비스에 부하가 발생해 사이트가 멈출 수도 있다.