티스토리 폰트 일괄변경 무작정따라하기(본고딕)

 

1. 무료 구글 웹폰트로 이동

 

 

 

 

2.

Ctrl+F를 눌러 Korean을 검색해서 원하는 글꼴을 고르시고(저는 본고딕[Noto Sans]을 선택)

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

Link를 드래그 한 후 Ctrl+C를 눌러 복사합니다.

 

 

 

 

3.

관리 -> HTML/CSS 편집을 누릅니다.

 

 

 

 

4.

CSS를 누른 후 복사해 둔 Link를 붙여넣습니다. (2번째 줄)

 

 

 

 

5.

CSS의 제일 끝에 아래 코드를 추가한 후 저장을 누릅니다.

body *{
 font-family:'Noto Sans KR', sans-serif !important
}

스킨에 따라 body가 아닐수도 있습니다.

(article, .skin_view 등등.. 본인의 스킨에따라 바꿔야 합니다.)

 

이제 모든 글의 글꼴이 본고딕(Noto Sans KR)으로 화면에 출력됩니다. ^-^

 

 

 

 

6.

간혹, 글꼴은 바꼇는데 굵기가 얇거나 하는 경우가 있습니다.

 

제 스킨의 경우 휴대기기에서 폰트(font-family)와 굵기(font-weight)가 별도로 설정이 되어있군요..

@media only screen and (max-width:820px)는 화면의 너비가 820픽셀 이하인 것을 뜻합니다. (즉, 휴대기기)

 

본문에는 font-weight 값을 주면 안좋습니다. (글편집 시 굵게<-설정해 놓은것이 다 풀려버립니다.)

 

그림의 파란 네모부분을 모두지우고 아래 코드로 변경한 후 저장을 누릅니다.

font-family:'Noto Sans KR', sans-serif

 

이제 휴대기기에서도 정상굵기로 출력됩니다. ^-^