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

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


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


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


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


다음 이전