구글블로거에서 나눔고딕 적용하기(어느 컴퓨터에서나 나눔고딕으로)

나눔고딕,맑은고딕

구글블로거에서 나눔고딕 적용하기(어느 컴퓨터에서나 나눔고딕으로)


구글블로거에 나눔고딕 웹폰트를 적용하는 방법에 대해 소개합니다.

다른 사이트에서 소개된 나눔고딕 적용은 다른 컴퓨터에서 나눔고딕 폰트가 설치되어 있지 않으면 기본서체로 보이게 됩니다. 이 페이지에서는 항상 정해진 폰트로 보이게 하는 방법이며, 해보시면 매우 간단하게 적용할 수 있습니다.




1.본인의 템플릿 관리자에서 HTML 편집을 클릭합니다.

2.템플릿 소스코드가 나오는데, 콘트롤키 + F를 눌러 CSS 문구를 찾습니다.

CSS문구에 아래 코드를 삽입합니다.

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); /* 'Nanum Gothic' */

이런 방법도 있고, 아래 코드를 </head> 전에 삽입하세요.

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

 </head>

이렇게 하면 구글에서 나눔고딕을 항상 불러오기 때문에 어느 컴퓨터, 브라우저에서 나눔고딕이 잘 보여집니다.

3. 다시 콘트롤 키 + F 를 눌러 Variable name 이라는 코드를 검색합니다.

arial 폰트앞에 'Nanum Gothic', 을 추가합니다.
Nanum 과 Gothic 자 중간에는 빈칸이기 때문에 앞 뒤로 ' 한개짜리 따옴표를 추가하세요

다음과 같습니다.
Variable  name 에서 나오는 폰트를 모두 수정해주세요.


4. 템플릿 저장을 하고, 블로그 새로고침을 해보세요.

이상입니다.