본문 바로가기
└ 기타

티스토리(Tistory) 글씨체 변경하기 - 나눔고딕 적용하기

by 짜장이누나 2016. 3. 22.





항상 블로그를 쓰면서 폰트가 맘에 들지 않았다...

나눔고딕은 바라지도 않았고 맑은고딕체만이라도 있었으면 했었다.

티스토리 블로그를 꾸미기위해 이것저것 html/css코드를 변경해보다 문득 이런식으로 폰트를 변경할 수 있지 않을까?

생각이 들어 찾아본 결과 역시나... 당연히 가능했다. (왜 진작에 바꿀 생각을 하지 않았을까! 부릉부릉)


그것도 나눔고딕체로 변경이 가능했다!



바로 적용 방법을 설명하겠다!



1. 먼저 주소창에 아래의 주소를 입력하여 Google Fonts에 접속합니다.

 http://www.google.com/fonts/earlyaccess





2. 'Ctrl+F'를 눌러 'Nanum' 또는 'Korea'를 검색하면 나눔글꼴이 검색됩니다.

 저는 분홍색 네모친 '나눔고딕'을 사용하였습니다.

 사용할 폰트를 결정하고 1번2번을 메모장에 복사해 둡니다.








3. style.css ('관리 > HTML/CSS편집 > CSS') 에 들어가서 미리 복사해 두었던 1번을 소스 제일 위에 붙여넣기 합니다.

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








4. style.css 내에 font-family를 검색하며 미리 복사해 두었던 2번을 덮어쓰기 합니다.

font-family: 'Nanum Gothic', sans-serif;








5. 이후 style.css의 body 안에 font-family를 찾아 4번과 같은 작업을 반복해주면 됩니다.


스킨마다 style.css내용이 다른것 같은데 저의 스킨에는 body안에 font-family가 없었습니다. 

   그래서 'font: dotum' 인것을 찾아 'Nanum Gothic'으로 모두 변경하였습니다.

   (기존 소스는 주석처리하여 보관하였습니다.)








6. 모든 소스 변경 작업을 마쳤으면 '저장'버튼을 꾸욱 눌러줍니다. 그리고 변경된 사항을 확인하면 끝!

 블로그 내 모든 글씨체가 변경되었습니다~! 짝짝짝!







블로그 나눔고딕체로 폰트 변경 완료!!