구글 블로그(Google Blogger)에 나눔 고딕 폰트 적용하기

구글 블로그는 간단한 폰트 변경 조차도 쉽지가 않습니다.

기본적으로 제공되는 한글 폰트도 없기 때문에 기본글꼴은 굴림체로 노출됩니다.

가독성을 조금이라도 높여보고자 폰트 변경하는 방법을 찾아보았습니다.

검색을 해보니까.. 선구자 분들께서 방법을 친절하게 가이드 해놓은 글들을 여럿 발견할 수 있었습니다.

스텝별로 따라오시면 손쉽게 구글 블로그에 나눔고딕 글꼴 적용이 가능합니다.

그럼, 간단하게 따라가기 버전으로 정리를 해보겠습니다.

관리 페이지의 왼쪽 메뉴의 '템플릿'으로 이동한다.

사용중인 디자인의 'HTML 편집' 버튼을 누른다.

ctrl+f 를 눌러서 '<head>'를 입력한 뒤 엔터키를 누른다.

아래 HTML 코드 상에서 '<head>' 부분이 하이라이팅 된다.

<head> 바로 아랫줄에 아래의 코드를 복사해서 붙여넣기로 한줄 추가한다.

<link rel='stylesheet'  href='http://fonts.googleapis.com/earlyaccess/nanumgothic.css'/>

'템플릿 저장' 버튼을 누른 뒤, '뒤로' 버튼을 누른다.

이번에는 사용중인 디자인의 '맞춤설정' 버튼을 누른다.

상단 좌측 메뉴에서 '고급'을 누르면 'CSS 추가' 영역이 노출된다.

'맞춤 CSS 추가' 입력란에다가 아래의 코드를 복사해서 붙여넣기로 추가한다.

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';

}