티스토리 블로그 나눔고딕 폰트로 글씨체 바꾸기
지난번, 테스트용 블로그를 fastboot v1.62로 바꾸었다. 아직 아무런 글이 없는 블로그라서, 어떤 글씨체가 적절할지는 잘모르나
대세를 따라서, 이 티스토리 블로그처럼, 나눔고딕 폰트를 적용하기로 했다. 나눔고딕으로 가독성좋게 블로그 전체폰트를 바꾸는 방법을 한단계씩 보면서, 쉽게 따라해보도록하자.
먼저 글씨체변경을위해서는 eot 폰트파일과, 이에 필요한 코드가 필요한데 아래에서 먼저 다운로드 받아놓도록하자. 나눔고딕은 네이버에서 공식적으로 무료로 배포하는 폰트이면서도, 정말 깔끔하고 가독성 좋은 글씨체이므로 많은 블로거 분들이 사용하고있는 폰트이다.
NanumGothic.eot
티스토리 글꼴변경CSS 코드.txt
위의 파일들을 다운로드 받았다면, 티스토리로그인을 한후, 관리자 화면으로 이동한다. 그리고 블로그 관리홈 > 꾸미기 > HTML/CSS 변경으로 이동한다.
이곳에서 위 이미지처럼, 파일업로드로 들어가서 추가를 누른후, 아까 다운로드 받았던 나눔고딕 폰트를 업로드한다. 업로드하고나면, image/NanumGothic 이라는 파일이 업로드 된것을 확인할수있다. 업로드가 된것을 확인했다면 상단의 CSS를 클릭하여 CSS 편집화면으로 이동하도록한다.
ctrl + F 를 눌러서, 찾기화면을 활성화시킨후, @charset 을 검색하도록한다.
나와같은 패스트부트 스킨이라면, 위와같은 화면이 나타날텐데 charset 의 윗부분에 아까 다운받았던 메모장 안의 font-face 부분을 쫙 복사한후 붙여넣기 하도록한다.
그럼 위와같은 화면으로 세팅이 된것을 확인할수있다. 굳이 패스트 부트 스킨이 아닌 다른 스킨들이더라도, 어느정도 비슷한데, 비슷한 위치에 같은 코드를 붙여넣기 해주면 적용이 가능하다.
font-face를 지정해두었으니 이제는 다시 ctrl + F로 찾기를 활성화한후 Font-family를 찾도록하자. 그리고, don't change 라고 써있는 것을 제외하고는 위 화면처럼, 폰트 패밀리 바로 뒤에, 나눔고딕을 넣어주면된다.
위 이미지는 바꾸면 안되는 font-family 들이다. (사실 이유는 모르겠다.) 패스트 부트 스킨에는 은근히 바꾸지말라고 적혀있는 폰트 패밀리들이 있긴한데 이부분을 제외하고서는 몽땅 나눔고딕텍스트를 삽입해서 변경해주면, 블로그 내의 많은 폰트들이 나눔고딕 폰트로 변경이 완료가 된다.
여기까지 따라 한후 무사히 저장했다면 이것으로 티스토리 블로그에 나눔고딕 폰트 적용하기는 끝.
이렇게 폰트를 바꾸고나니, 조금더 다듬어 진듯한 느낌은 있는것같은데, 왠지 가독성이 떨어지는게 폰트 크기때문인것같다. 그래서 다음 단계는, 티스토리 블로그 폰트 크기 변경하는 방법을 포스팅하도록하겠다.
나도 하나씩 배워가면서, 나름 꼼꼼히 글을 작성해보려고한다. 곧 내가 이 블로그를 반응형으로 바꾸게되면 유용해지기를 바라기도하고. 또 나와같이 반응형 스킨으로 바꾸려는 누군가에게도 유용한 정보가 되기를 바란다.
