워드프레스 사이트 폰트 적용하기

워드프레스 사이트를 설치한 후 기본 테마의 폰트나 적용한 generatepress 테마의 폰트를 그대로 써도 되지만 마음에 안 든다면 워드프레스 사이트 폰트를 원하는 폰트로 바꿀 수 있다.

워드프레스 한글 폰트 적용

워드프레스 사이트 폰트 적용 방법은 폰트 플러그인을 설치하거나 구글 폰트(링크)에서 제공하는 폰트를 불러오는 방식이 있다.

불러오는 방식은 코드만 바로 입력하면 되기 때문에 적용 방법이 간편하다. 그러나 사이트 속도가 느려지는 단점이 있다. 웹페이지 속도를 측정할 수 있는 구글 스피드페이지 인사이트(링크)에서 폰트 적용 전과 후를 비교해보면 스마트폰 성능 점수가 100에서 79까지 떨어진다.

워드프레스 사이트에 나눔고딕 웹폰트를 적용하는 가장 쉬운 방법은 아래 코드를 복사해서 테마 알림판(Dashboard) – 외모(Appearance) – 사용자 정의하기(Customize) – 추가 CSS(Additional CSS)에 입력한다.

/* 나눔고딕 웹폰트 적용 */

@import url(‘https://fonts.googleapis.com/css2?family=Nanum+Gothic&display=swap’);

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

또는 코드를 복사해서 차일드테마 폴더에 있는 style.css 에 추가한다.

나눔고딕 말고 다른 폰트를 적용하는 방법은 원하는 구글 폰트 @import 코드와 적용 범위에서 폰트 이름만 바꿔주면 된다.

워드프레스 웹폰트 적용

구글 폰트 목록에서 새로 적용하고 싶은 폰트의 <link> 나 @import 방식의 코드를 확인할 수 있다.

워드프레스 웹폰트 적용

사용할 폰트의 스타일(굵기)를 선택한다.

구글 웹폰트 link @import

오른쪽 Use on the web 에서 <link> 또는 @import 를 클릭한다.

Leave a Comment