정보모음/블로그/사진관리

티스토리 "폰트 설정"

ADVANCE 2013. 1. 17. 02:00


웹에서 지원되는 폰트들은 왜 다들 이렇게 딱딱하고 안이쁜건지...

블로그를 이쁘게 꾸며봐야지 생각하고 이리저리 설정해봐도..

기본으로 제공되는 돋움/굴림/바탕체로는 뭔가가 아쉽다..

글도 읽기 싫고......

 

이러다가 찾아낸것이 "나눔고딕" 폰트 되겠다..

나눔고딕이란.. 네이버에서 무료로 보급하고 있는 폰트로써, 인쇄비의 35%를 절감 할 수 있다고 알려진 폰트체이다.

인쇄비 절감까지는 모르겠고.. 우선 가독성이 괜찮은 폰트.. 게다가 공짜~

 

음.. 딱.. 내타입이야~~!!

 

그럼.. 이제부터 "나눔고딕"을 티스토리에 적용하는 방법을 알아보도록 하겠다...

만약, 사용하는 PC에 "나눔고딕"이 깔려있다면, 폰트를 저장하고 설정하고 하는 번거로운 작업이 필요없겠지만...

어느 PC에서 동일한 폰트로 보여지고 싶다면.. 다음과 같이 설정하면 된다.

 

 

============================[ 설정 방법 ]===========================

 

우선.. 아래 첨부된 두개의 파일을 다운받아,

[관리] - [HTML/CSS 편집] - [파일업로드] 에서 파일들을 추가한다.

 

NanumGothic.eot

 

NanumGothic.ttf

 

그리고 나서 [HTML/CSS] 탭으로 이동.

control+F 버튼을 누르고  font를 검색.

검색되는 모든 font 및 font-family 의 내용을 다음과 같이 설정한다.

여기에서 한가지 폰트가 아닌 여러가지 폰트를 지정하는 것은 

만약 맨앞에 있는 폰트가 없으면 다음 폰트. 다음 폰트로 설정하라는 의미다.

 

나눔고딕으로 설정할 경우, 영문과 숫자 설정이 그닥 이쁘게 나오지 않아서..

나는 뒷부분에 Verdana, Tahoma를 지정하여 좀더 통통하고 귀여운 영문/숫자로 보여지게 했다.

 

현재.. 내 블로그에 설정된 font 값은 다음과 같다.

 

"NanumGothic, "Malgun Gothic", "맑은 고딕", Verdana, Tahoma, Arial

 

폰트설정.txt