[꾸미기] 나눔고딕 웹 폰트 설치하기

블로그 마케팅/ㆍ꾸미기 2013. 1. 9. 13:20



아래 손가락을 눌러주세요. 

 





 티스토리를 사용하다 보면 "한글 글씨체가 너무 없네.." 생각하게 됩니다..

이 문서에서는 나눔고딕 글씨체를 티스토리에 설치하는 방법을 소개합니다.





※ [HTML/CSS 편집] 을 다루기 때문에 반드시 백업(저장)을 하고 설치하시길 권장합니다. 그렇지 않으면 스킨이 망가질수도 있어요.






  나눔고딕 업로드



1. 티스토리 관리자모드에서 [꾸미기] -> [HTML/CSS 편집] -> [파일 업로드] 로 이동해서 아래 파일을 업로드 합니다. 업로그를 완료하시면 아래 그림처럼 파일목록에서 업로드한 파일이 추가됩니다.


NanumGothic.eot








  HTML/CSS 편집 수정




1. [HTML/CSS] 탭으로 이동합니다. 아래 파일을 다운받아서 skin.html 부분에 아래와 같이 수정합니다.

단축키 ctrl+f 로 <head>를 검색하시면 위치를 찾기 쉽습니다.


skin코드_head.txt







2. 마찬가지로 skin.html 부분에서 <div class="article" 을 검색하시면 위치를 찾으실 수 있습니다. 아래 파일을 다운받아서 코드를 수정합니다.


skin코드_article.txt







3. 한 번 더 검색해서 위와 같은 코드로 수정해줍니다.

※ <div class="article" 부분이 2개 입니다.










4. style.css 부분으로 이동해서 @charset "utf-8"; 부분 위에 아래 파일을 다운받아서 코드를 추가합니다.


style코드.txt








5. 마지막으로 저장하시면 글씨체가 바뀐 모습을 보실 수 있습니다.


 * 나눔고딕 설치하기 전







 * 나눔고딕 설치하고난 후





폰트의 크기가 크지 않으면 알아보기 힘듭니다. 크기를 충분히 키우고 확인해 보시면 확연히 보여요! 위 사진도 자세히 보시면 눈에 띄어요. ^^ (ㅈ을 보니 모양이 다르네요.)




'블로그 마케팅 > ㆍ꾸미기' 카테고리의 다른 글

[꾸미기] 썸네일 이미지 링크 위젯 설치하기 - linkwithin  (0) 2013.01.09
[꾸미기] 티스토리의 소스코드 꾸미기 - syntaxhighlighter  (4) 2013.01.09
[꾸미기] 파비콘 만들기, 그리고 블로그에 적용하기  (0) 2013.01.09
[꾸미기] 태그 클라우드 꾸미기  (0) 2013.01.08
posted by 쪼재
,

티스토리툴바