블로그스팟 가독성 높이는 폰트 설정방법:나눔고딕 웹폰트 적용하기
블로그스팟 가독성을 높이는 나눔고딕 설정방법
1. 블로그스팟 블로그에서 나눔고딕을 설정하기 위해서는 우선 아래 코드를 복사하세요.
<!-- 나눔고딕 웹폰트 Start -->
<link href='http://fonts.googleapis.com/earlyaccess/nanumgothic.css' rel='stylesheet'/>
<!-- 나눔고딕 웹폰트 End -->
2. 이 코드를 복사하셨다면 블로그스팟 설정 페이지로 이동합니다.
그림에서처럼 테마 메뉴에서 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추가 메뉴를 누른 뒤 그 부분에 복사한 내용을 붙여넣고 화면 오른쪽 하단에 있는 저장 버튼을 눌러줍니다. (디스크 모양)
그러면 모든 설정이 완료되고 블로그의 전체 글이 가독성이 좋은 나눔고딕 웹폰트로 설정이 완료됩니다.
도움이 되셨기를 바랍니다.