워드프레스 글꼴 바꾸기

워드프레스 기본 글꼴이 조금 별로다. 그래서 이번엔 폰트를 바꿔보기로 한다.

먼저 플러그인을 추가해 주고 활성화 해 준다. 아무거나 해도 될것 같다.

나는 Daniele De Santis의 WP Add Custom CSS을 설치해 줄것이다.

이제 폰트를 검색해 보자. https://fonts.google.com 같은 곳에서 폰트를 검색한다. 다른 곳도 괜찮다.

나는 제목과 본문 등에는 나눔바른고딕을, 명령어 쓰는 부분에는 D2코딩을 쓸 것이다.

플러그인 설정으로 가면 위 사진과 같이 나오는데 아래 내용을 입력을 하자.

@import url("https://cdn.jsdelivr.net/gh/moonspam/NanumBarunGothic@latest/nanumbarungothicsubset.css");
@import url("http://mapoo.net/font/d2coding.css" ) ;

body, h1, h2, h3, h4, h5, h6, p, a, p, div, span, ul, li { font-family: 'NanumBarunGothic', sans-serif; }
code { font-family: 'D2Coding', monospace; }

.wp-block-code code {
    font-family: 'D2Coding', monospace;
}

이렇게 하면 제목, 본문 등의 글꼴은 나눔바른고딕이 되고 코딩부분은 D2코딩으로 설정된다.

참조
GitHub – moonspam/NanumBarunGothic: 나눔바른고딕 경량화 웹폰트 (NanumBarunGothic Webfont Optimization)
워드프레스에 Nanum Gothic Coding 고정폭 폰트 적용하기 – mapoo’s blog
워드프레스에 커스텀 CSS 추가하기 – WordPress 가이드 (usefulparadigm.com)