본문 바로가기

Study/UI

[css] 구글 폰트 적용하기

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);

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

html, body, p, div {

     font-family:'consolas','Nanum Gothic Coding','Nanum Gothic','Malgun Gothic','맑은 고딕','돋움',Dotum,'굴림',Gulim !important; }


이런식,
http://www.google.com/fonts/earlyaccess

여기에서 적용하고 싶은 폰트를 찾고


맨 위로 import

얼리 억세스 방식으로 맨앞 폰트부터 적용된다.

따라서 consolas가 먼저 적용되고, consolas는 한글 폰트가 없으므로, 2번째 적어준 나눔고딕 폰트가 아직 적용이 안된 한글폰트로 적용이 된다.


참고 블로그 : http://eastsocial.co.kr/2012/10/904
--> 나눔고딕 적용 법..