티스토리 나눔고딕 폰트 설치 및 적용하기 | 블로그 웹폰트 사용

안녕하세요! 오늘은 구글 무료 웹폰트를 티스토리 블로그에 적용하는 법을 알려드릴게요.

아래 순서대로 따라하시면 나눔 고딕 폰트를 블로그에 적용하실 수 있어요.

 

1. 티스토리 블로그 설정 버튼을 눌러서 블로그 관리화면으로 들어가세요.

 

2. 꾸미기 탭의 스킨 편집 버튼을 눌러주세요.

 

3. 오른쪽의 html 편집 버튼을 눌러주세요.

 

4. CSS 버튼을 눌러주세요.

 

5. 아래 화면처럼 해당 위치에 다음 코드를 붙여넣기 해주세요.

(1) 아래 @import로 시작하는 코드 한 줄은 윗부분 다른 @ 코드들 맨 아랫줄에 넣어주세요.

@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800');

(2) body { . . . } <- 이 부분 안에 font - family : 뒤에 'Nanum Gothic' ( 따옴표 그대로) 넣어주세요.

이때 다른 글씨체들이 이미 적용되어 있다면, 제일 앞에 넣어주세요.

( ex - font - family : 'Nanum Gothic' , 맑은 고딕, 돋움 ; )

body { . . . . font-family: 'Nanum Gothic' ; . . . . . . }

 

 

6. 적용 버튼을 누르시고 블로그 화면을 확인해보시면 나눔고딕 폰트가 적용된 모습을 볼 수 있어요.

BEFORE

돋움체 

AFTER

나눔고딕체로 변경된 모습