본문 바로가기
블로그팁/TISTORY

티스토리 블로그에 나눔고딕 웹폰트 적용 방법

POSTED BY© 듀륏체리 2013. 8. 21.
  티스토리 블로그에 나눔고딕 웹폰트 적용하면 네이버에서 무료로 배포하는 나눔고딕 폰트가 컴퓨터에 설치되어 있지 않아도 블로그 방문자에게 나눔고딕 글꼴로 적용되어 볼 수 있도록 할 수 있습니다. 블로그의 가독성을 높여주는 나눔고딕은 무료 웹폰트 서비스를 제공하는 구글 웹폰트 서비스나 font-face 웹폰트를 이용하여 적용할 수 있는데, 이번 포스팅에서는 티스토리 블로그에 나눔고딕 웹폰트 적용 방법에 대해 소개해 드리도록 하겠습니다.

티스토리 블로그,나눔고딕 웹폰트,티스토리 나눔고딕,티스토리 나눔고딕 웹폰트,티스토리 나눔고딕 적용,티스토리 블로그 나눔고딕


* 티스토리 블로그에 나눔고딕 웹폰트 적용 방법: 구글 웹폰트 서비스 중 나눔고딕 웹폰트 이용 방법

※ 구글 웹폰트 서비스를 이용하여 티스토리 블로그에 나눔고딕 웹폰트 적용하는 방법은 구글 웹폰트 서비스 페이지에서 스크롤바를 내려 'Nanum Gothic (Korean)' 항목을 찾아 'Link'의 내용을 복사하여 티스토리 관리 꾸미기 항목의 'HTML/CSS 편집 - style.css'에 붙여넣기 하고, Example의 예시 처럼 나눔고딕을 적용하고자 하는 영역의 font-family:에 'Nanum Gothic'을 맨 앞에 추가해 주면 됩니다. 구글 웹폰트 서비스 바로가기


* 티스토리 블로그에 나눔고딕 웹폰트 적용 방법: font-face의 나눔고딕 웹폰트 이용 방법
※ font-face의 나눔고딕 웹폰트를 이용하면 Google WebFont Loader를 이용하여 웹폰트가 로딩 되기 전에 웹폰트를 빠르게 표시해 줄 수 있는데, font-face의 나눔고딕 웹폰트를 코드를 복사하여 티스토리 블로그의 skin.html과 style.css에 적용해 주면 사용자의 컴퓨터에 나눔고딕 폰트가 설치되어 있지 않아도 인터넷 익스플로러와 파이어폭스, 구글 크롬, 사파리, 오페라 등 다양한 웹 브라우저에서 나눔고딕 폰트가 적용되어 볼 수 있습니다. font-face 바로가기



 티스토리 블로그 스킨에 따라 기본적으로 나눔고딕이 적용되어 있는 경우도 있지만, 대부분의 경우 네이버에서 무료로 배포하는 나눔고딕 글꼴을 티스토리 블로그에 업로드하여 나눔고딕 폰트를 적용하거나 나눔고딕 웹폰트를 적용하여 티스토리 블로그를 나눔고딕으로 적용할 수 있는데, 참고로 나눔고딕 폰트를 티스토리 블로그에 업로드 하여 적용하는 방법은 사용자의 컴퓨터에 나눔고딕이 설치되어 있지 않는 경우 다른 폰트로 표시 되지만, 나눔고딕 웹폰트를 적용한 경우에는 나눔고딕 폰트 설치 여부에 상관 없이 나눔고딕으로 보여지게 됩니다. 이상, 티스토리 블로그에 나눔고딕 웹폰트 적용 방법에 대한 간단한 소개 였습니다.

반응형

댓글