[초보자] 티스토리 폰트를 나눔고딕으로 변경

Tip!/티스토리

 티스토리 블러그 만들어만 놓고 제대로 글을 포스팅을 안하다가... 갑자기 무슨 바람이 들었는지 요즘은 매일같이 포스팅에 재미를 붙여 살고 있다. ㅡㅡ; 티스토리에 글을 적다보니 내용도 중요하지만, 글을 읽는 분들이 보다 편안하게 글을 읽을 수 있게끔 하는 것도 중요하지 않을까? 하는 생각으로 티스토리 폰트를 변경하고자 검색을 해보니 많은 내용들이 올라와 있었다. 중요한 것은 글쓴이가 멍청해서 인지... ㅡㅡ; 똑같이 몇번을 따라해도 잘 되지 않더라... 몇일이나 끙끙 거리다 오늘에서야 해결했다... 참~ 이런 문제들은 해결하고 나면 별거도 아닌데... 알기전에는 답답하다... 혹시나 글쓴이 처럼 해매고 있는 분들이 있지는 않을까??? 그래서 몇자 적어본다~ 



1. 티스토리 스킨 적용

 티스토리는 다양한 스킨을 제공한다. 사용자가 입맛대로 변경 가능하고 수정도 가능하다. 폰트는 스킨의 style.css 파일을 수정해서 적용 함으로 먼저 티스토리 관리자 페이지 스킨 설정에서 자신이 원하는 스킨을 적용하자. 그리고 스킨을 변경시에는 기존 스킨을 백업하는 것을 잊지말자. 백업을 하지 않으면 죄다 날라간다~ ㅠㅠ

 

2. 폰트 올리기

 자신이 원하는 폰트를 티스토리 스킨에 등록하기 위해서는 먼저 파일을 해당 스킨에 올려야 한다. 아래의 나눔고딕 파일을 다운로드 하자~


NanumGothic.eot


 해당 파일을 티스토리 관리자 페이지 - 꾸미기 - HTML/CSS 편집 - 파일 업로드에서 추가하자.


< 클릭 하시면 원본사이즈로 보실 수 있습니다. >


3. style.css 파일 수정하기

 관리자 페이지 - 꾸미기 - HTML/CSS편집 에서 하단의 style.css 파일의 내용을 편집 할 것인데... 화면이 작은 관계로 편집하기 불편하니 전체를 복사해서 메모장 같은 프로그램에서 편집하는 것이 편하다.

< 클릭 하시면 원본사이즈로 보실 수 있습니다. >


  메모장에서 style.css 파일의 내용을 열었으면, font 로 검색을 해서 NanumGothic 을 삽입 하자.

< 클릭 하시면 원본사이즈로 보실 수 있습니다. >


  이런 식으로 계속 검색을 하면서 내가 원하는 부분을 수정하면 되는데... 나눔고딕으로 전체를 다 변경하고자 할 경우 전체를 다 수정하면 되고, 내 입맛대로 수정해도 된다. 중요한 것은 여러가지 폰트 이름 중 자신이 원하는 폰트이름을 맨 앞에 넣어야 한다. 수정을 다 했으면 다시 전체선택해서 복사후 관리자 페이지의 style.css 공간에 붙여넣기 하고 저장을 하면 스킨에 바로 적용이 된다.


 보통은 여기까지 티스토리 폰트변경으로 검색을 했을시에 나오는 내용이고, 글쓴이는 이대로 했는데도 본문에 폰트가 제대로 변경이 되지 않아 몇일을 삽집을 했다. ㅜㅜ


4. 본문 내용 태그 편집

 바로 글쓰기 페이지에서 본문내용에 별도로 폰트를 지정 할 경우 style.css의 내용이 반영되지 않고, 본문에 적용된 폰트가 적용된다는 것이다. 가장 기초적인 부분 일지도 모르지만 글쓴이가 멍청한 관계로~ 쿨럭 ㅜㅜ

 아래 그림은 글쓰기 페이지에서 글을 작성하고 우측 상단의 HTML 편집 모드 이다. <P> </P> 테그 사이에 글쓴이의 글이 작성되어 있고, 다른 테그는 지정되어 있지 않다.

< 클릭 하시면 원본사이즈로 보실 수 있습니다. >


그런데 글쓴이는 지금까지 포스트 한 내용들을 전부 돋움으로 설정해서 작성을 했다. 아래 그림에서 보면 글쓰기 페이지에서 돋움으로 폰트를 지정한 경우의 HTML 편집 모드 이다.

< 클릭 하시면 원본사이즈로 보실 수 있습니다. >


<SPAN> 테그가 추가되고 본문의 내용이 돋움으로 지정되어 있다. 이럴 경우 아무리 style.css 파일을 편집해도 본문의 내용은 돋움으로 나오게 된다. 기존에 작성된 포스트는 HTML 편집 모드에서 <SPAN> 테그를 전부 삭제하는 노가다? ㅜㅜ 를 한 후에 제대로 나눔고딕으로 나오게 되었다. 


결론은 자신인 원하는 폰트로 티스토리에 적용을 시키키 위해 style.css 편집을 했다면, 글쓰기에서 별도로 폰트 지정을 하면 않된다. 참~ 별거 아닌데... ㅡㅡ; 몇일을 애를 먹이다니... ㅠㅠ


PS: 추가로 가독성을 높이기에 위해서 줄간격은 180~200% 정도로 폰트 크기는 10~12사이 정도가 적당하다.