티스토리 블로그 고도체 웹폰트 적용하는 방법

얼마 전 무료 폰트 고도체와 한글 웹폰트 글꼴보기집을 소개해 드렸었는데, 고도체가 보면 볼수록 가독성도 좋고 깔끔해 보여, 영상 복구용 블로그를 새로 만들면서 고도체를 웹폰트로 적용해보았습니다.

<고도체가 적용된 블로그>

무료폰트 - NHN고도체 & 고도 마음체 & godo rounded

한글 웹폰트 모음 글꼴 보기 사이트

고도체 사용규정

한글 웹폰트 글꼴보기집 고도체

http://youngkang.me/hangul-webfont-showcase/#/fonts/Godo

아래로 스크롤을 내리면 웹에서 사용할 수 있는 코드가 나와 있습니다.

@import url('//cdn.rawgit.com/young-ha/webfont-archive/master/css/Godo.css');

이 부분과

Godo 라는 폰트 이름을 복사해줍니다.

관리자 페이지 HTML  -> CSS 에 들어가 @charset "utf-8"; 밑과 font-family 뒤에 조금 전 복사한 코드와 폰트 이름을 넣어줍니다. 우측 상단 버튼으로 저장하면 적용됩니다.

폰트 변경 전 꼭 스킨 보관을 미리 해주세요!

현재 사용하고 있는 FastBoot 스킨에도 잘 어울리네요.

저는 아이유 영상 복구용 블로그에 사용 중인 나나 스킨에 고도체를 적용해보았습니다.

고도체 적용된 블로그 둘러보기