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

This entry was posted in 워드프레스, 블로그. Bookmark the permalink.

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

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

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

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

위의 코드를 추가해준다.

그리고 조금 아래에

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

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

This entry was posted in 워드프레스, 블로그. Bookmark the permalink.

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

답글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다