티스토리 강좌 / 나눔고딕 웹폰트 적용하는 방법

티스토리에 나눔고딕 웹폰트를 적용하는 방법은 여러 가지가 있습니다. 아래에 설명하는 방법은 웹폰트를 티스토리 서버에 업로드하여 사용하는 방법입니다.

글꼴 다운로드하고 업로드하기

첨부하는 나눔고딕 웹폰트를 다운로드하세요.(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 등 홀수로 정하면 보기 좋습니다.

참고

티스토리 강좌

상호 : 제이비 팩토리 사업자등록번호 : 189-03-00944 E-MAIL : jb@jbfactory.net 주소 : 경기도 안양시 동안구 시민대로 230, D동 874호 통신판매업신고번호 : 제2017-안양동안-0574호 호스팅서비스 : Amazon Web Services 구매안전서비스 : (주)케이지이니시스 이용약관 개인정보처리방침