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



구글 블로그를 사용하면서 처음 느낀 불편함은 기존의 한국 블로그들과는 인터페이스가 많이 다르다는 것입니다.  그중에서 손꼽는 불편함이라면 default로 제공하는 아래와 같이 몇 개 없다는 것입니다.





그래서 구글링 해본 결과 다른 폰트들을 사용할 수 있는 방법을 많은 블로그들에서 소개하고 있다는 것을 찾을 수 있었습니다. 그중에서 많은 블로거들에게 선호되고 있는나눔고딕 폰트를 적용해 보고자 합니다. 방법은 아래와 같습니다.


1. 좌측 기본 메뉴에서 'Theme'를 선택하여, 현재 사용 중인 테마로 이동하여 아래 'Edit Html' 선택한다.




2. ctrl+f 를 눌러서 '<head>'를 입력한 뒤 엔터키를 눌러 'head'라인을 찾고, 바래 아래 라인에 다음 코드를 삽입한다.


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


3. 'Save Theme'를 눌러 저장한 뒤, 'Back'을 눌러 빠져 나온다.

4. 'Customize'를 눌러 맞춤설정에 들어간 뒤, 상단 좌측의 'Advanced'를 눌러 고급 설정으로 들어간다.

5. 'Add CSS' 를 눌러 custom 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';
}


6. 우측 상단의 'Apply to Blog' 를 선택하여 빠져 나온 뒤, 해당 폰트가 적용되어있는지 확인한다.


⦿ 해당내용은 아래 포스팅을 참고하여 작성되었습니다.
http://btsweet.blogspot.kr/2014/11/blogger_10.html


구글 블로그에 나눔고딕 폰트 적용하기 구글 블로그에 나눔고딕 폰트 적용하기 Reviewed by Hyunjun on 9월 26, 2018 Rating: 5

댓글 없음:

Powered by Blogger.