BLOG ARTICLE 글꼴 변경 | 1 ARTICLE FOUND

  1. 2014.12.15 티스토리 글꼴(나눔고딕) 변경해보기 / 유익한 추가정보

 

NanumGothic.eot

 

나눔고딕은 네이버에서 진행하는 캠페인의 일부로 오픈소스로 제공되며 가독성이 좋습니다.

단, 유료판매 등 상업적으로 사용시 제약이 있을 수 있으니 이런 경우 확인해 보실 필요가 있겠습니다.

 

간단하게 알아 보겠습니다.

 

1. 우선 위 파일 (나눔고딕 폰트 파일)을 다운 받습니다.

 

2. 티스토리 관리 페이지 - 꾸미기 - HTML/CSS 편집 - 파일업로드 탭 - 다운받은 폰트파일 업로드

   (이 단계를 완료하면 내 서버로 폰트파일을 올려서 다른사람의 컴퓨터에 나눔고딕폰트가 없더라도

   나눔고딕 글꼴로 볼수 있게 해주는 준비가 완료된 것입니다.

   내 블로그의 이미지파일을 다른사람이 볼 수 있는것과 비슷한 원리)

 

2. 티스토리 관리 페이지 - 꾸미기 - HTML/CSS 편집 화면 - (skin.html 내용은 수정하지 않을겁니다)

   style.css 내용 최 상단에 아래 내용을 기입합니다.

   아래 내용 기입시 다른사람의 컴퓨터에서 게시글 확인시 나눔고딕 글꼴을 불러오게 됩니다.

 

   @font-face{
   font-family: 'Nanum Gothic';
   font-style: bold;
   font-weight: normal;
   src: url('./images/NanumGothic.eot');
   }

 

 내용 복사가 안되시는 분들을 위해 텍스트 파일을 첨부합니다.

style에 추가.txt

 

3. style.css 칸에서 "ctr l +F" 키를 누르면 찾기(검색) 화면이 활성화 됩니다.

   (익스플로러라면 화면 상단에 나옴)

   검색란에 font-family 를 입력해 검색해서

   "font-family : dotum ..." 등 으로 검색되는 내용을 모두 아래와 같이 수정합니다.

  

   font-family : 'Nanum Gothic', dotum ...

   (기존의 글꼴이름 앞에 'Nanum Gothic' 만 추가로 삽입하는 거죠..홑따옴표 포함입니다!)

  

   이렇게 수정하시면 나눔고딕을 불러올 수 없는 경우, 뒤에 위치한 돋움 폰트를 불러와 적용하게 됩니다.

   (주의하실 점 하나. "font-family"를 검색하시다보면 뒤에 inherit 라는 이름이 붙여있는 곳이 있는데

   여기는 수정하시면 안됩니다. inherit는 폰트이름이 아니라 명령어의 일종으로 수정 대상이 아닙니다)

 

* 3번 작업에서 수정해야할 항목이 많으실텐데,

   불편하시면 style.css 내용을 메모장에 복사 후 찾기-수정 작업을 하셔도 되겠습니다.

   완료 후 다시 style.css 에 붙여 넣으시고..

   (간혹 body 명령 아래쪽에 한 항목에만 입력하면 된다는 글을 보셨을 수 있는데

   스킨마다 style.css 내용이 모두 다르므로 html 공부를 해보지 않으신 분들은

   그냥 모두다 찾아서 수정하시는게 정신건강에 좋을 수도 있습니다. -_-)

 

4. 타 블로그에는 없는 설명을 하나 추가해 드립니다. (이부분 때문에 많이 헷갈리실 겁니다)

   (1) 위 작업을 완료하시면 새로 작성하시는 글부터는 나눔 고딕으로 적용이 됩니다.

        글 작성하실때 글꼴 선택란을 펼쳐 보셔도 나눔고딕이라는 항목은 없습니다.

        그냥 나눔고딕으로 써지는 것으로 알고 계시면 됩니다. 굳이 확인이 필요하시다면,

        관리 페이지 - 꾸미기 - 스킨 - 사용 중인 스킨의 "스킨위자드" 메뉴로 진입 -

        게시글 항목 - 게시글 글꼴란을 확인해 보시면 기본글꼴이 'Nanum Gothic'

        으로 되어있는 것을 볼 수 있습니다.

 

   (2) 기본적으로는 기존에 작성하신 글도 나눔 고딕으로 변경이 됩니다.

        변경이 되지 않는 경우는 게시자 님께서

        기본글꼴로 작성하지 않고 돋움, 굴림, 바탕 등 글꼴을 직업 지정해 주신 경우 입니다.

        기본 글꼴로 작성한 경우는, HTML 형식으로 봤을때 글꼴타입지 지정되어있지 않아 기본 글꼴로 적용되지만

        다른 글꼴을 직접 지정하신 경우에는 해당 글의 앞에 글꼴 이름이 명시가 되어버리기 때문에 변경되지 않습니다.

 

5. 중간에 꼬이셔서 블로그 화면이 이상해지고 수습불가 사태가 발생했다면!!

   다른 스킨으로 한번 변경하신 후 다시 원래의 스킨으로 적용해 주신다면 초기화 됩니다.

   (개인설정 및 업로드했던 파일도 없어집니다.)

'소프트웨어 정보' 카테고리의 다른 글

포토샵으로 투명한 배경 만들기  (0) 2014.12.15
롤지 / 롤영수증 길이 계산  (0) 2014.12.14
AND