티스토리에서 가독성 좋은 나눔고딕으로 폰트 변경하기

티스토리의 단점이라면 거의 없지만, 하나를 꼽으라면 대부분의 블로거가 폰트를 말한다.

굴림, 고딕, 바탕 등등 90년대에나 사용하던 대학 레포트용 폰트밖에 없는 관계로, 

네이버 블로그와의 가독성 대결에서 밀리는 건 어쩔수 없다. 

네이버 블로그는 네이버가 개발한 나눔폰트 시리즈로 아주 깔끔한 모양새를 보여주는 반면,

티스토리는 한글로 작성시 뭔가 부실해 보이고, 부시시시해 보이고, 못 마땅하다. 

그래서 나는 티스토리의 모든 글씨체를 자동으로 나눔고딕체 변경해주는 코드를 삽입하였다. 

아 ~ 내가 언제부터 이렇게 IT적인 남자가 되었던가 ㅎㅎ 

우선 티스토리 관리 모드로 들어간다. 

저중에서 스킨편집을 클릭한다. 

티스토리는 하도 레이아웃 및 메뉴 변경을 자주해서 다른 블로거가 올린 글을 보고 따라 하다보면 2013년 버전이 나와서 달라진 제목과 명령어에 당황하게 된다. ㅎㅎ 이 글을 보고 따라하길 ~ 은근 강조하는 것이다. 

스킨 편집 모드로 들어가면 저렇게 화면이 뜨는데, 저기서 html편집을 클릭한다. 

그러면 나란히 HTML / CSS / 파일업로드가 뜨는데, 

여기서 CSS를 클릭하고 제일 상단에 아래글을 카피하여 삽입한다.

생각도 하지 말고 그냥 복사해서 넣어버려라. 

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

내가 올려둔 샘플을 보면 더 쉽게 이해가 될 것이다. 그냥 제일 상단에 카피 앤 페이스트 !! 

그리고 나서, 그 아래의 font-family를 찾는다. 

그리고 아래그림과 같이 나눔고딕을 영어로 적어서 넣어준다. 

'Nanum Gothic',

이러고 나서 저장을 누르면 된다. 

자 마지막으로 좌측 새로고침을 누르고 5초를 헤아린다. 

그리고 나면 블로그 메뉴 및 전체적인 폰트가 모두 나눔고딕으로 바뀐걸 알 수 있다. 

제일 중요한 것 하나, 

포스팅을 작성시에 폰트를 고르지 말고 그냥 작성해야 한다. 

만약 나눔고딕으로 내가 바꿔야지 하고 폰트 열을 내려서 확인하면 나눔고딕체가 안된다. 이미 CSS에서 자동으로 우선순위를 주었기 때문에 님들이 할 일은 그냥 글만 작성하고 글자색 및 사이즈만 조절해서 저장 ~ 누르면 알아서 나눔고딕이 된다. 

믿기지 않는다면 일단 해보자. 

이것으로 나눔고딕 폰트로 변경하기 끝 ~~