블로그스팟 가독성 높이는 폰트 설정방법:나눔고딕 웹폰트 적용하기

블로그스팟 가독성을 높이는 나눔고딕 설정방법

1. 블로그스팟 블로그에서 나눔고딕을 설정하기 위해서는 우선 아래 코드를 복사하세요.

<!-- 나눔고딕 웹폰트 Start -->
<link href='http://fonts.googleapis.com/earlyaccess/nanumgothic.css' rel='stylesheet'/>
<!-- 나눔고딕 웹폰트 End -->

2. 이 코드를 복사하셨다면 블로그스팟 설정 페이지로 이동합니다.

블로그스팟 블로그에서 나눔고딕 폰트를 설정하는 방법

그림에서처럼 테마 메뉴에서 HTML 편집 화면으로 이동합니다.

나눔고딕을 설정하는 HTML 설정화면

이렇게 <head> 아래에 해당 내용을 붙여넣기 해줍니다.

그러면 1차적인 작업은 끝났습니다.

이제 다시 아래 코드를 복사합니다.

body, h1, h2, h3, h4, a, div, input, p, span, td, label, select, textarea, iframe {

font-family: 'Nanum Gothic';

}

.post-body {

font-family: 'Nanum Gothic';

}

.Header .description, .Header h1 {

font-family: 'Nanum Gothic';

}

.main-inner .widget h2.date-header span {

font-family: 'Nanum Gothic';

}

h3.post-title {

font-family: 'Nanum Gothic';

}

h3.post-title a {

font-family: 'Nanum Gothic';

}

.sidebar .widget {

font-family: 'Nanum Gothic';

}

위 코드를 복사한 후 테마- 맞춤설정 화면으로 이동합니다.

폰트설정을 위한 CSS 설정방법:맞춤설정 화면

네모 박스가 있는 맞춤설정 글자 부분을 누르면 화면이 이동되는데 거기서 고급 메뉴의 스크롤을 내리면 CSS 추가 메뉴가 보입니다.

CSS 추가를 위한 고급메뉴

CSS추가 메뉴를 누른 뒤 그 부분에 복사한 내용을 붙여넣고 화면 오른쪽 하단에 있는 저장 버튼을 눌러줍니다. (디스크 모양)

그러면 모든 설정이 완료되고 블로그의 전체 글이 가독성이 좋은 나눔고딕 웹폰트로 설정이 완료됩니다.

도움이 되셨기를 바랍니다.