티스토리 강좌 / 나눔고딕 웹폰트 적용하는 방법
티스토리에 나눔고딕 웹폰트를 적용하는 방법은 여러 가지가 있습니다. 아래에 설명하는 방법은 웹폰트를 티스토리 서버에 업로드하여 사용하는 방법입니다.
글꼴 다운로드하고 업로드하기
첨부하는 나눔고딕 웹폰트를 다운로드하세요.(google webfonts helper에서 다운로드한 것입니다.)
nanum-gothic-v9-korean_latin.zip
압축을 풀면 네 개의 파일이 있는데, [스킨 편집]의 [파일 업로드]에서 업로드하세요.
CSS에 코드 추가하기
[스킨 편집]의 [CSS]에서 다음 코드를 제일 위에 추가합니다.
@font-face { font-family: "Nanum Gothic"; font-style: normal; font-weight: 400; src: url( "./images/nanum-gothic-v9-korean_latin-regular.woff2" ) format( "woff2" ), url( "./images/nanum-gothic-v9-korean_latin-regular.woff" ) format( "woff" ); } @font-face { font-family: "Nanum Gothic"; font-style: normal; font-weight: 700; src: url( "./images/nanum-gothic-v9-korean_latin-700.woff2" ) format( "woff2" ), url( "./images/nanum-gothic-v9-korean_latin-700.woff" ) format( "woff" ); }
글꼴 사용하기
- CSS에서 font-family를 찾아 값을
"Nanum Gothic"
로 바꿉니다. - 글자 크기는 13px, 15px, 17px 등 홀수로 정하면 보기 좋습니다.