워드프레스 한글 웹폰트 적용

가장 깔끔한 방법은 테마 디자인 > CSS 편집 메뉴에서 아래와 같이 폰트를 강제로 변경하는 CSS 코드를 추가하는 것이다.

@import url('//cdn.jsdelivr.net/font-iropke-batang/1.2/font-iropke-batang.css');
* { font-family: 'Iropke Batang', serif !important; }
pre, code { font-family: 'monofur', 'PT Mono', monospace !important;} 

!important를 적용하여 워드프레스 테마의 style.css에 의해 개별 요소에 대하여 별도로 정의된 폰트를 무시하는 것이 키 포인트다.

소스코드는 고정폭 폰트가 적용되도록 pre, code 태그에 대해서는 추가로 정의해줘야 한다.

댓글 남기기

댓글 남기기