구글, 어도비 본고딕, 노토산스 웹폰트 블로그(워드프레스) 적용 방법

나는 기존에 블로그 폰트로 나눔고딕을 써왔었다. 웹에 직접 올린 건 아니고 그냥 지정만 해놨기 때문에 내 블로그에 들어온 컴퓨터나 폰 안에 나눔고딕이 설치되어 있을 때만 나눔고딕으로 보이고, 설치되어 있지 않으면 기본 폰트로 보였을 것이다. 역시나 pc방에 갔을 때 내 블로그에 들어와보니 폰트가 너무 달라 보였다.

그래서 하나로 통일을 시켜야겠는데···. 그냥 구글과 어도비가 만들고 구글에 올라와 있는 본고딕, 노토산스 폰트로 적용해버렸다. (나눔고딕도 아마 구글에 공식적으로 링크를 제공하긴 할 것이다.)

방법은 아주 간단했다.
워드프레스 – 외모 – 테마편집기 – 스타일시트 (style.css)에 가서 제일 상단에

@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

위의 코드를 추가해준다.

그리고 조금 아래에

body {를 검색해서 body {와 } 사이에
font-family: 'Noto Sans KR', sans-serif;
를 넣어준다. (기존의 font-family를 바꿔주는 것이다.)

출처 – 구글 Noto 한국어 글꼴을 웹에서 마음껏!