티스토리 블로그에 나눔고딕 폰트 적용 하는 방법 / 나눔고딕 폰트 다운로드

 나눔고딕은 부드러운 굴림체에 한국적인 조형미를 더해 현대적 미감을 살려낸 글꼴로 포털 사이트 네이버에서 무료로 배포하고 있는 폰트 입니다. 티스토리 블로그 기본적으로 돋움 폰트로 설정되어 있는 경우가 대부분인데, 가독성이 높은 나눔고딕이나 맑은 고딕 폰트를 적용하면 블로그의 가독성을 높여 줄 수 있어 이번 포스팅에서는 나눔고딕 폰트를 활용하는 방법을 소개해 드리겠습니다.

*위 다운로드를 클릭하면 나눔고딕, 나눔고딕에코,나눔고딕라이트,나눔명조,나눔명조,나눔손글씨를 설치할 수 있습니다.

   네이버에서 무료로 제공하는 나눔글꼴을 다운로드 받아 설치하면, 네이버 블로그 한글 등에서 나눔고딕, 나눔고딕에코, 나눔고딕라이트, 나눔명조, 나눔명조, 나눔손글씨 등을 폰트로 사용할 수 있습니다. 나눔고딕에코 및 나눔명조에코의 경우 인쇄시 토너를 약 35%정도 절약할 수 있으므로 인쇄를 많이 하는 경우에는 해당 폰트로 문서를 작업하고 출력할 경우 경제적으로도 많이 도움이 됩니다.

 네이버 블로그의 경우 나눔고딕 폰트(나눔글꼴)를 설치하기만 해도 기본적으로 네이버 블로그의 스마트에디터의 폰트에 나눔고딕 폰트(나눔글꼴)가 추가되어 별다른 설정 없이 편리하게 글을 작성할 수 있습니다.


NanumGothic.eot

  티스토리 블로그의 경우 기본적으로 나눔고딕을 사용할 수 있도록 제작된 화이트그라운드 등의 몇몇 스킨을 제외 하고는 나눔고딕 폰트를 적용하기 위해서는 약간의 설정이 필요한데, 먼저 위에 첨부한 "NanumGothic.eot"를 다운 받은 후 티스토리 관리자에서 HTML/CSS 편집으로 이동하여 HTML/CSS 항목을 선택한 후 바로 아래의 오른쪽 파일업로드를 선택합니다.

  파일 업로드의 파일목록 하단의 추가 버튼을 눌러 위에서 다운 받은 "NanumGothic.eot"를 업로드 합니다. "NanumGothic.eot"가 정상적으로 업로드 되면 파일목록에 "images/NanumGothic.eot"가 나타납니다.

@font-face {font-family:nanum; src:url(images/NanumGothic.eot)};<br> body{font-family:nanum; font-size: 14px;}<br> div{font-family:nanum; font-size: 14px;}<br> @charset "utf-8"; @font-face {font-family:NanumGothic; src:url(./images/NanumGothic.eot);}

 티스토리 관리자에서 HTML/CSS 편집 하단 style/css에서 제일 상단에 빡간색으로 표시된 부분을 추가하면 티스토리 블로그에 나눔고딕이 적용 됩니다. 위의 빨간색으로 되어 있는 나눔폰트 적용값을 복사해 그대로 사용해도 되고 위의 값이 복사가 안되면 아래에 있는 "티스토리 나눔고딕 폰트 적용하기" 텍스트 문서를 다운 받아 사용하면 됩니다.

티스토리 나눔고딕 폰트 적용하기.txt


  위와 같은 방법으로 티스토리 블로그에 적용시키면 티스토리 블로그에서 기본 폰트로 나눔고딕 폰트가 적용가 됩니다. 글 작성시에는 돋움이나 다른 글꼴로 표시되지만, 글 작성시 미리보기를 눌러보면 나눔고딕이 적용된 것을 확인 할 수 있습니다. 일부 스킨에서는 적용안되는 경우 style.css의 각 폰트 앞 부분에 "nanum"(나눔폰트)을 추가로 수정해야 합니다. 이상, 티스토리 블로그에 나눔고딕 폰트 적용 하는 방법에 대한 간단한 소개 였습니다.