티스토리 블로그의 단점중 하나가 바로 기본 폰트 종류가 너무 없다는 것입니다. 


수많은 폰트들 중에서도 네이버에서 제공하는 '나눔고딕','맑은고딕'을 대부분의 블로거들이 선호하는 이유는 다른 폰트에 비해서 가독성이 상당히 좋기때문이죠^^


하지만 대부분의 사람들이 자신의 블로그에 나눔고딕,맑은고딕체를 적용하는 방법을 보면..네이버에서 받은 '나눔고딕'과 '맑은고딕'체 화일을 그대로 블로그에 업로드한후 링크를 걸어서 폰트를 적용하더라구요..



물론 이러한 방법도 나름 괜찮겠지만...


굳이 그렇게 하지 않아도 웹폰트는 해당 컴퓨터에 설치된 폰트의 영향을 받기때문에 블로그를 방문하는 사람의 컴퓨터에 '나눔고딕', '맑은고딕'체가 설치된 상태라면 지장없이 그대로 볼수가 있는것이죠~~


그럼.. 먼저 네이버 '나눔고딕'이나 '맑은고딕'체를 적용하지 않았을 경우를 살펴보도록 하죠.



보시다시피..이 블로그의 기본 글꼴은 돋움으로 설정이 되어있더군요~ '테이크센스'는 예전 세컨블로그 이름입니다^^ 블로그 상단 메뉴와 타이틀,포스팅 제목까지 전부 돋움체로 설정되어 있었네요~


그리고 블로그 하단부에 있는 카데고리 다른글 밑,태그 등등 또한 돋움체입니다..


네이버 나눔고딕,맑은고딕 티스토리 블로그에 적용하기!


먼저 "NanumGothic, 나눔고딕, "Malgun Gothic", "맑은 고딕", Gulim, 굴림," 를 복사해 둡니다..혹시라도 손으로 일일히 치기 힘든 분들을 위해서 파일로 만들어 아래에 첨부할께요^^


이 부분의 의미를 설명해드리자면 font에서 '나눔고딕'이 가장먼저 표시되고...만약에 해당 서체가 컴퓨터속에 없다면 그 다음 서체가 표시되게 한다는 것이죠~ 


윈도우든 맥이든...기본적으로 굴림체는 설치되어 있기때문에 '나눔고딕'이나 '맑은고딕'이 없더라도 기본적으로 굴림체는 나옵니다..



먼저 블로그 메뉴로 들어가서 html/css설정중 html부분은 전혀 건드릴 필요가 없구요...style.css부분만 수정하시면 됩니다..


수정하기전에 최우선적으로 단축키 CTRL+F로 "FONT"를 검색하세요~~


그러면 아마 꽤 많이 검색이 될텐데요..먼저 가장 먼저나오는 body부분에서 기본 폰트 dotum,verdana 바로 앞에 복사한 글을 그대로 붙여넣기 합니다~ 


이 부분만 설정하더라도 블로그상에 대부분의 부분들의 서체가 바뀌게 됩니다..



그리고 쭈욱 내려오면서 검색된 font 옆에 글씨체가 보이는 부분만을 찾습니다...그리고 그 부분은 과감히 삭제해줍니다~~


블로그 웹폰트(나눔고딕) 업로드 없이 변경해보자!




그런데 그렇다고 해서 무조건 삭제만 해서는 안됩니다.. 


왜냐하면 body부분을 제외한 나머지부분을 그냥 일률적으로 삭제해놓고 나중에 블로그를 확인해보면...


이웃들이 쓴 댓글..답변글이 전혀 보이지 않는 불상사가 발생할 소지가 큽니다..심하면 누가 글썼는지까지 깨져보여서 당황스럽게 되죠~


그래서 font로 검색을 하다가 guest에 관련된 부분이 나올때는 기존 폰트는 지우고 아까전에 body부분에 삼입했던 폰트를 다시 붙여넣어줘야합니다. 


저도 경험상으로 알게된거라 정확히 왜 그런지는 모르겠네요^^ 따지고 보면 그냥 지워버리는 것보다는 남겨둔채 앞에 삽입하는게 오히려 더 나은 방법일수도 있을듯..



guest도 말고도 comment라는 부분도 마찬가지에요~~일단 댓글창에 관련된 부분은 그냥 삭제해버리면 안되요~ 마찬가지로 그냥 지우되...위에 처럼 붙여넣어주는게 관건!


나굼고딕,맑은고딕체를 적용시킨 결과~



업로드 없이 웹폰트를 적용시킨 결과입니다...제 컴퓨터에는 '나눔고딕'이 있기때문에 이렇게 '나눔고딕'체가 잘 보이네요^^



그리고 블로그 하단부도 마찬가지로 아주 깔끔한 '나눔고딕'체로 탈바꿈했네요^^ 


폰트자체를 블로그에 업로드 하는 방법도 좋지만 개인적으론 이 방법을 추천해드리고 싶네요~~ 한가지 주의할점이 있다면 반드시 html/css 수정전에 백업을 해놓는게 좋습니다..^^


그리드형