티스토리 블로그 Fastboot 스킨 나눔고딕 폰트 적용 (웹폰트 이용)

얼마 전 올려놓은 나눔 고딕 폰트 적용하는 방법이 최근 바꾼 Fastboot 스킨에선 적용이 되지 않아 다시 알아보니 웹폰트 주소를 이용하면 적용이 가능해 바로 적용해보았습니다. 나중에 또 스킨을 변경할지도 모르고 까먹을 수도 있으니 그때를 대비하여 글 남깁니다.

모바일에서 본 적용 모습

Fastboot 1.6.2 반응형 스킨 나눔고딕 적용하기

구글 웹폰트 사이트 방문

http://deminoth.github.io/google-font-kor/

구글 웹폰트 한글체는 Hanna, Jeju Gothic,Jeju Hallasan,Jeju Myeongjo, Nanum Brush Script, Nanum Gothic,Nanum Myeongjo, Nanum Gothic Coding, Nanum Pen Script, Noto Sans KR 등 다양하게 있으니 자신의 블로그에 적용하고 싶은 폰트를 프리뷰를 보면서 고르세요.

저는 Nanum Gothic 를 적용해보겠습니다.

영문으로 표시된 나눔 고딕 폰트 이름과 @import url(...  부분을 복사하여 메모장에 옮겨둡니다.

Nanum Gothic

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

티스토리 관리자 페이지 HTML/CSS - CSS 탭으로 이동

제일 상단 @charset "utf-8"; 밑에 조금 전 복사해놓은 @import url... 주소를 붙여넣는다.

font-family 뒤에 Nanum Gothic 폰트 이름을 넣어준다. 

참고로 띄어쓰기와 작은 따옴표로 묶어줘야합니다.

헷갈리시면 아래 복사해서 붙여넣으세요.

font-family:'Nanum Gothic', Arial, "돋움", Dotum, AppleGothic, sans-serif !important;

우측 상단 저장 버튼으로 저장하시면 나눔고딕 폰트가 적용됩니다.