구글 웹 폰트 사용하기

구글에서는 629개의 웹폰트를 제공합니다. (글 작성일 기준)
아래의 링크에서 구글 폰트를 찾아 볼 수 있습니다.
http://www.google.com/fonts/


quick_use 버튼을 통해 손쉽게 해당 css소스 코드를 복사할 수 있습니다.
사용방법은 quick_use 버튼으로 들어가면 친절하게 설명까지 해줍니다.

예시


추가로, 구글 폰트는 다양한 언어표현을 위해 아래의 링크에서 다양한 국가의 오픈폰트를 웹폰트로 사용할 수 있도록 제공합니다. (나눔글꼴 나눔고딕과 같은 오픈 폰트도 확인 할 수 있습니다.)

http://www.google.com/fonts/earlyaccess

하나체 (Hanna)

@import url(http://fonts.googleapis.com/earlyaccess/hanna.css);
font-family: 'Hanna', serif;

제주고딕 (Jeju Gothic)

@import url(http://fonts.googleapis.com/earlyaccess/jejugothic.css);
font-family: 'Jeju Gothic', serif;

제주한라산 (Jeju Hallasan)

@import url(http://fonts.googleapis.com/earlyaccess/jejuhallasan.css);
font-family: 'Jeju Hallasan', serif;

제주명조 (Jeju Myeongjo)

@import url(http://fonts.googleapis.com/earlyaccess/jejumyeongjo.css);
font-family: 'Jeju Myeongjo', serif;

KoPub 바탕 (KoPub Batang)

@import url(http://fonts.googleapis.com/earlyaccess/kopubbatang.css);
font-family: 'KoPub Batang', serif;

나눔고딕 (Nanum Gothic)

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
font-family: 'Nanum Gothic', serif;

나눔고딕코딩 (Nanum Gothic Coding)

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
font-family: 'Nanum Gothic Coding', serif;

나눔 명조체 (Nanum Myeongjo)

@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
font-family: 'Nanum Myeongjo', serif;

나눔 Brush (Nanum Brush Script)

@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
font-family: 'Nanum Brush Script', serif;

나눔 Pen Script (Nanum Pen Script)

@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
font-family: 'Nanum Pen Script', serif;

본고딕 (Noto Sans KR)

@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
font-family: 'Noto Sans KR', sans-serif;
구글 웹 폰트 사용하기 구글 웹 폰트 사용하기 Reviewed by jieun on 오후 3:59 Rating: 5

댓글 없음:

Powered by Blogger.