본문 바로가기

IT/인터넷/블로그 꾸미기

티스토리 폰트 나눔고딕으로 변경하기

우리나라에서 사용하는 컴퓨터에는 기본적으로 돋움, 굴림, 궁서 등의 기본 폰트만 설치되어 있다.


티스토리 역시 기본 폰트로 보여지게 되는데.

최근 NHN의 나눔고딕으로 폰트를 변경하는 사례가 늘고 있다..


이 폰트라는 것들은 사용자의 컴퓨터에 설치되어 있어야 한다.

폰트가 설치되어 있지 않다면 나의 블로그는 내가 원하는 화면으로 보여지지 않는다.


그렇지만 아래의 소스를 활용하면 

임의의 사용자가 자신의 컴퓨터에 폰트를 설치하지 않고도

내가 사용하는 폰트를 모두에게 보여줄 수 있다


  @font-face 추가하기


font-face 란 현재 문서에 사용할 폰트를 정의하는 태크

이 태그를 활용하여 내 블로그에 보여지는 폰트를 정의할 수 있다.


폰트스타일변경.txt


@font-face{

  font-family: 'NanumGothicWeb';         -- 글자의 이름은 나눔고딕웹 이라 정의함

  font-weight: normal;                         -- 글자의 두깨는 기본...

  src: url('images/NanumGothic.eot');  -- 사용할 글자의 경로

}

/* 본문 공통 */

body{

   font-family: 'NanumGothicWeb', Arial,sans-serif; font-size:13px; font-weight: normal;color:#666;

}

 

 

 



   eot파일추가

 

NanumGothic.eot


 나눔고딕 파일을 파일업로드를 활용하여 업로드 한다.

 


위의 두가지 방법을 적용하면 블로그에 나눔고딕 폰트를 적용할 수 있다.