웹폰트를 사용하면 여러가지 환경에서 접속하더라도 동일한 폰트를 보여줄 수 있다는 장점이 있습니다.
그 중에서도 구글에서 지원하는 폰트들을 사용하면 따로 웹폰트 파일을 업로드 하지 않아도 된다는 장점이 있죠.
구글 폰트에서 한글 폰트들은 early access 라고 따로 묶어서 배포를 했습니다.
여튼 거기서 배포한 한글 폰트들이 보기가 불편해서 한번 정리해 봤습니다. (그리고 새로운 글꼴도 추가됐더군요)
한나 Hanna
다람쥐 헌 쳇바퀴에 타고파.
1234567890
The quick brown fox jumps over the lazy dog.
다람쥐 헌 쳇바퀴에 타고파.
1234567890
The quick brown fox jumps over the lazy dog.
Link
@import url(http://fonts.googleapis.com/earlyaccess/hanna.css);
Example
font-family: 'Hanna', sans-serif;
제주 고딕 Jeju Gothic
다람쥐 헌 쳇바퀴에 타고파.
1234567890
The quick brown fox jumps over the lazy dog.
다람쥐 헌 쳇바퀴에 타고파.
1234567890
The quick brown fox jumps over the lazy dog.
Link
@import url(http://fonts.googleapis.com/earlyaccess/jejugothic.css);
Example
font-family: 'Jeju Gothic', sans-serif;
제주 한라산 Jeju Hallasan
다람쥐 헌 쳇바퀴에 타고파.
1234567890
The quick brown fox jumps over the lazy dog.
다람쥐 헌 쳇바퀴에 타고파.
1234567890
The quick brown fox jumps over the lazy dog.
Link
@import url(http://fonts.googleapis.com/earlyaccess/jejuhallasan.css);
Example
font-family: 'Jeju Hallasan', cursive;
제주 명조 Jeju Myeongjo
다람쥐 헌 쳇바퀴에 타고파.
1234567890
The quick brown fox jumps over the lazy dog.
다람쥐 헌 쳇바퀴에 타고파.
1234567890
The quick brown fox jumps over the lazy dog.
Link
@import url(http://fonts.googleapis.com/earlyaccess/jejumyeongjo.css);
Example
font-family: 'Jeju Myeongjo', serif;
KoPub 바탕 KoPub Batang
다람쥐 헌 쳇바퀴에 타고파.
1234567890
The quick brown fox jumps over the lazy dog.
다람쥐 헌 쳇바퀴에 타고파.
1234567890
The quick brown fox jumps over the lazy dog.
Link
@import url(http://fonts.googleapis.com/earlyaccess/kopubbatang.css);
Example
font-family: 'KoPub Batang', serif;
나눔 손글씨 붓 Nanum Brush Script
다람쥐 헌 쳇바퀴에 타고파.
1234567890
The quick brown fox jumps over the lazy dog.
다람쥐 헌 쳇바퀴에 타고파.
1234567890
The quick brown fox jumps over the lazy dog.
Link
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
Example
font-family: 'Nanum Brush Script', cursive;
나눔 고딕 Nanum Gothic
다람쥐 헌 쳇바퀴에 타고파.
1234567890
The quick brown fox jumps over the lazy dog.
다람쥐 헌 쳇바퀴에 타고파.
1234567890
The quick brown fox jumps over the lazy dog.
Link
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
Example
font-family: 'Nanum Gothic', sans-serif;
나눔 고딕 코딩 Nanum Gothic Coding
다람쥐 헌 쳇바퀴에 타고파.
1234567890
The quick brown fox jumps over the lazy dog.
다람쥐 헌 쳇바퀴에 타고파.
1234567890
The quick brown fox jumps over the lazy dog.
Link
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
Example
font-family: 'Nanum Gothic Coding', monospace;
나눔 명조 Nanum Myeongjo
다람쥐 헌 쳇바퀴에 타고파.
1234567890
The quick brown fox jumps over the lazy dog.
다람쥐 헌 쳇바퀴에 타고파.
1234567890
The quick brown fox jumps over the lazy dog.
Link
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
Example
font-family: 'Nanum Myeongjo', serif;
나눔 손글씨 펜 Nanum Pen Script
다람쥐 헌 쳇바퀴에 타고파.
1234567890
The quick brown fox jumps over the lazy dog.
다람쥐 헌 쳇바퀴에 타고파.
1234567890
The quick brown fox jumps over the lazy dog.
Link
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
Example
font-family: 'Nanum Pen Script', cursive;
본고딕 Noto Sans KR
다람쥐 헌 쳇바퀴에 타고파.
1234567890
The quick brown fox jumps over the lazy dog.
다람쥐 헌 쳇바퀴에 타고파.
1234567890
The quick brown fox jumps over the lazy dog.
Link
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
Example
font-family: 'Noto Sans KR', sans-serif;
직접 수정해 보실 수 있도록 파일도 올려봅니다.
fontTest.html