반응형

구글 웹폰트의 나눔고딕을 CSS에 import하는 방식으로 블로그에 적용했습니다.

기존 티스토리폰트가 이쁘긴 하지만 가독성이 떨어지는 문제로 마음에 들지않아서 가장 무난한 나눔고딕을 선택하게 되었는데요. 혹시 적용법이 궁금하신 분들을 위해 간단하게 포스팅합니다.


일단 수정을 하기 위해 블로그의 관리자 페이지 - 꾸미기 - HTML/CSS 편집 을 클릭합니다.

그리고 우상단 메뉴중 CSS를 클릭합니다.

가장 윗줄을 보면 @import 라고 되어 있는게 보이시죠?
이곳에 사용할 폰트를 로딩하도록 먼저 폰트 경로를 적어줘야 합니다.

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 을 붙여 넣어 주세요

그리고 끝으로 아랫쪽에 보시면 font-family: 부분이 있습니다. 그곳에 불러온 폰트 이름을
적어주면 적용 완료가 됩니다.

'Nanum Gothic', 라고 앞부분에 추가를 해주세요 그림을 보시면 이해가 빠르실듯 합니다.
그리고 저장을 하시면 깔끔하게 나눔고딕으로 전환된 블로그를 확인 하실 수 있습니다 :)

다른 방식도 있지만 저는 일단 이렇게 셋팅했고 문제 없이 사용하고 있습니다 ㅎㅎ


반응형