구글 early access에서는 한글 폰트를 지원해주기 때문에 쉽게 웹사이트에 적용할 수 있죠. 이번에 교육 준비를 하던 중 구글 early access에서 새로운 한글 폰트가 있어서 공유합니다.
Link
http://fonts.googleapis.com/earlyaccess/hanna.css
Example
font-family: 'Hanna', serif;
무엇을 창공에 아니한 우리의 위하여서 사막이다. 되는 뜨거운지라, 심장의 것이다. 황금시대의 무엇을 우리의 아니한 따뜻한 황금시대다. 따뜻한 심장의 하여도 위하여 가진 원대하고, 설레는 아니다. 대중을 듣기만 작고 아니다. 보배를 무엇을 너의 오직 맺어, 그들의 더운지라 이상 보라. 온갖 그것은 공자는 긴지라 날카로우나 인간은 노년에게서 예가 봄바람이다. 대고, 평화스러운 그와 없으면 바이며, 과실이 피다. 것은 물방아 그들에게 이 노래하며 용기가 유소년에게서 이것이다. 소금이라 사랑의 방지하는 같이, 군영과 운다. 가슴이 인간이 고행을 그들은 원질이 못할 관현악이며, 봄바람이다. 설레는 생생하며, 일월과 이것이다.
1234567890!@#$%^&*()
Link
http://fonts.googleapis.com/earlyaccess/jejugothic.css
Example
font-family: 'Jeju Gothic', serif;
무엇을 창공에 아니한 우리의 위하여서 사막이다. 되는 뜨거운지라, 심장의 것이다. 황금시대의 무엇을 우리의 아니한 따뜻한 황금시대다. 따뜻한 심장의 하여도 위하여 가진 원대하고, 설레는 아니다. 대중을 듣기만 작고 아니다. 보배를 무엇을 너의 오직 맺어, 그들의 더운지라 이상 보라. 온갖 그것은 공자는 긴지라 날카로우나 인간은 노년에게서 예가 봄바람이다. 대고, 평화스러운 그와 없으면 바이며, 과실이 피다. 것은 물방아 그들에게 이 노래하며 용기가 유소년에게서 이것이다. 소금이라 사랑의 방지하는 같이, 군영과 운다. 가슴이 인간이 고행을 그들은 원질이 못할 관현악이며, 봄바람이다. 설레는 생생하며, 일월과 이것이다.
1234567890!@#$%^&*()
Link
http://fonts.googleapis.com/earlyaccess/jejuhallasan.css
Example
font-family: 'Jeju Hallasan', serif;
무엇을 창공에 아니한 우리의 위하여서 사막이다. 되는 뜨거운지라, 심장의 것이다. 황금시대의 무엇을 우리의 아니한 따뜻한 황금시대다. 따뜻한 심장의 하여도 위하여 가진 원대하고, 설레는 아니다. 대중을 듣기만 작고 아니다. 보배를 무엇을 너의 오직 맺어, 그들의 더운지라 이상 보라. 온갖 그것은 공자는 긴지라 날카로우나 인간은 노년에게서 예가 봄바람이다. 대고, 평화스러운 그와 없으면 바이며, 과실이 피다. 것은 물방아 그들에게 이 노래하며 용기가 유소년에게서 이것이다. 소금이라 사랑의 방지하는 같이, 군영과 운다. 가슴이 인간이 고행을 그들은 원질이 못할 관현악이며, 봄바람이다. 설레는 생생하며, 일월과 이것이다.
1234567890!@#$%^&*()
Link
http://fonts.googleapis.com/earlyaccess/jejumyeongjo.css
Example
font-family: 'Jeju Myeongjo', serif;
무엇을 창공에 아니한 우리의 위하여서 사막이다. 되는 뜨거운지라, 심장의 것이다. 황금시대의 무엇을 우리의 아니한 따뜻한 황금시대다. 따뜻한 심장의 하여도 위하여 가진 원대하고, 설레는 아니다. 대중을 듣기만 작고 아니다. 보배를 무엇을 너의 오직 맺어, 그들의 더운지라 이상 보라. 온갖 그것은 공자는 긴지라 날카로우나 인간은 노년에게서 예가 봄바람이다. 대고, 평화스러운 그와 없으면 바이며, 과실이 피다. 것은 물방아 그들에게 이 노래하며 용기가 유소년에게서 이것이다. 소금이라 사랑의 방지하는 같이, 군영과 운다. 가슴이 인간이 고행을 그들은 원질이 못할 관현악이며, 봄바람이다. 설레는 생생하며, 일월과 이것이다.
1234567890!@#$%^&*()
Link
http://fonts.googleapis.com/earlyaccess/kopubbatang.css
Example
font-family: 'KoPub Batang', serif;
무엇을 창공에 아니한 우리의 위하여서 사막이다. 되는 뜨거운지라, 심장의 것이다. 황금시대의 무엇을 우리의 아니한 따뜻한 황금시대다. 따뜻한 심장의 하여도 위하여 가진 원대하고, 설레는 아니다. 대중을 듣기만 작고 아니다. 보배를 무엇을 너의 오직 맺어, 그들의 더운지라 이상 보라. 온갖 그것은 공자는 긴지라 날카로우나 인간은 노년에게서 예가 봄바람이다. 대고, 평화스러운 그와 없으면 바이며, 과실이 피다. 것은 물방아 그들에게 이 노래하며 용기가 유소년에게서 이것이다. 소금이라 사랑의 방지하는 같이, 군영과 운다. 가슴이 인간이 고행을 그들은 원질이 못할 관현악이며, 봄바람이다. 설레는 생생하며, 일월과 이것이다.
1234567890!@#$%^&*()
아래는 이미 알고 있는 나눔 폰트죠. 다시 한번 공유합니다.
Link
http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css
Example
font-family: 'Nanum Brush Script', serif;
무엇을 창공에 아니한 우리의 위하여서 사막이다. 되는 뜨거운지라, 심장의 것이다. 황금시대의 무엇을 우리의 아니한 따뜻한 황금시대다. 따뜻한 심장의 하여도 위하여 가진 원대하고, 설레는 아니다. 대중을 듣기만 작고 아니다. 보배를 무엇을 너의 오직 맺어, 그들의 더운지라 이상 보라. 온갖 그것은 공자는 긴지라 날카로우나 인간은 노년에게서 예가 봄바람이다. 대고, 평화스러운 그와 없으면 바이며, 과실이 피다. 것은 물방아 그들에게 이 노래하며 용기가 유소년에게서 이것이다. 소금이라 사랑의 방지하는 같이, 군영과 운다. 가슴이 인간이 고행을 그들은 원질이 못할 관현악이며, 봄바람이다. 설레는 생생하며, 일월과 이것이다.
1234567890!@#$%^&*()
Link
http://fonts.googleapis.com/earlyaccess/nanumgothic.css
Example
font-family: 'Nanum Gothic', serif;
무엇을 창공에 아니한 우리의 위하여서 사막이다. 되는 뜨거운지라, 심장의 것이다. 황금시대의 무엇을 우리의 아니한 따뜻한 황금시대다. 따뜻한 심장의 하여도 위하여 가진 원대하고, 설레는 아니다. 대중을 듣기만 작고 아니다. 보배를 무엇을 너의 오직 맺어, 그들의 더운지라 이상 보라. 온갖 그것은 공자는 긴지라 날카로우나 인간은 노년에게서 예가 봄바람이다. 대고, 평화스러운 그와 없으면 바이며, 과실이 피다. 것은 물방아 그들에게 이 노래하며 용기가 유소년에게서 이것이다. 소금이라 사랑의 방지하는 같이, 군영과 운다. 가슴이 인간이 고행을 그들은 원질이 못할 관현악이며, 봄바람이다. 설레는 생생하며, 일월과 이것이다.
1234567890!@#$%^&*()
Link
http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css
Example
font-family: 'Nanum Gothic Coding', serif;
무엇을 창공에 아니한 우리의 위하여서 사막이다. 되는 뜨거운지라, 심장의 것이다. 황금시대의 무엇을 우리의 아니한 따뜻한 황금시대다. 따뜻한 심장의 하여도 위하여 가진 원대하고, 설레는 아니다. 대중을 듣기만 작고 아니다. 보배를 무엇을 너의 오직 맺어, 그들의 더운지라 이상 보라. 온갖 그것은 공자는 긴지라 날카로우나 인간은 노년에게서 예가 봄바람이다. 대고, 평화스러운 그와 없으면 바이며, 과실이 피다. 것은 물방아 그들에게 이 노래하며 용기가 유소년에게서 이것이다. 소금이라 사랑의 방지하는 같이, 군영과 운다. 가슴이 인간이 고행을 그들은 원질이 못할 관현악이며, 봄바람이다. 설레는 생생하며, 일월과 이것이다.
1234567890!@#$%^&*()
Link
http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css
Example
font-family: 'Nanum Myeongjo', serif;
무엇을 창공에 아니한 우리의 위하여서 사막이다. 되는 뜨거운지라, 심장의 것이다. 황금시대의 무엇을 우리의 아니한 따뜻한 황금시대다. 따뜻한 심장의 하여도 위하여 가진 원대하고, 설레는 아니다. 대중을 듣기만 작고 아니다. 보배를 무엇을 너의 오직 맺어, 그들의 더운지라 이상 보라. 온갖 그것은 공자는 긴지라 날카로우나 인간은 노년에게서 예가 봄바람이다. 대고, 평화스러운 그와 없으면 바이며, 과실이 피다. 것은 물방아 그들에게 이 노래하며 용기가 유소년에게서 이것이다. 소금이라 사랑의 방지하는 같이, 군영과 운다. 가슴이 인간이 고행을 그들은 원질이 못할 관현악이며, 봄바람이다. 설레는 생생하며, 일월과 이것이다.
1234567890!@#$%^&*()
Link
http://fonts.googleapis.com/earlyaccess/nanumpenscript.css
Example
font-family: 'Nanum Pen Script', serif;
무엇을 창공에 아니한 우리의 위하여서 사막이다. 되는 뜨거운지라, 심장의 것이다. 황금시대의 무엇을 우리의 아니한 따뜻한 황금시대다. 따뜻한 심장의 하여도 위하여 가진 원대하고, 설레는 아니다. 대중을 듣기만 작고 아니다. 보배를 무엇을 너의 오직 맺어, 그들의 더운지라 이상 보라. 온갖 그것은 공자는 긴지라 날카로우나 인간은 노년에게서 예가 봄바람이다. 대고, 평화스러운 그와 없으면 바이며, 과실이 피다. 것은 물방아 그들에게 이 노래하며 용기가 유소년에게서 이것이다. 소금이라 사랑의 방지하는 같이, 군영과 운다. 가슴이 인간이 고행을 그들은 원질이 못할 관현악이며, 봄바람이다. 설레는 생생하며, 일월과 이것이다.
1234567890!@#$%^&*()
1. 테마의 functions.php에 아래의 코드를 넣어 css 파일을 불러옵니다. 아래 코드에서 링크
에는 위에 있는 폰트의 url 주소를 붙이면 됩니다.
2. 예를 들어 Jeju Hallasan을 불러왔다면 원하는 영역에 아래의 font-family
를 지정합니다. 아래 예제에서는 body
전체에 적용한 예입니다.
한글 폰트가 조금씩 늘어가는 것을 보니 기분이 좋네요. 구글 폰트에서 한글 폰트의 수는 영어에 비하면 턱 없이 부족하죠. 앞으로 더 많은 한글 폰트가 공유되어 인터넷에 자랑스런 한글이 가득하길 바래봅니다. 그럼 오늘도 즐거운 블로깅 하세요!
제목 | 날짜 | ||
---|---|---|---|
깃헙 웹폰트 | 2018/05/15 | 240 | |
한글 폰트 직접 써보고 고르기 | 2018/05/15 | 658 | |
폰트 이야기 알림입니다. | 2010/05/15 | 282 | |
24 | [웹폰트] 한글 웹폰트에 대한 생각 | 2014/02/28 | 87 |
23 | [웹폰트] 네이버 웹폰트 954102_10.eot | 2015/06/14 | 148 |
[웹폰트] 구글 early access 한글 폰트 리스트 | 2015/12/18 | 171 | |
21 | [웹폰트] OneLatin webfont | 2018/04/09 | 199 |
20 | [웹폰트] 웹폰트 위쯔또박체 사용법 | 2015/06/14 | 273 |
19 | [웹폰트] 웹폰트 | 2015/12/18 | 347 |
18 | [웹폰트] 제주고딕 웹폰트 | 2015/12/18 | 397 |
17 | [웹폰트] 괜찮은 웹폰트? 스포카 한 산스 | 2016/07/18 | 414 |
16 | [웹폰트] 구글 웹폰트 lora 렉시새봄체 | 2014/08/05 | 495 |
15 | [웹폰트] 웹돋움 | 2007/09/02 | 541 |
14 | [웹폰트] 나눔고딕 웹폰트 구글 웹폰트 사용시 익스플로러 적용 안되는 문제 해결 | 2018/04/18 | 571 |
13 | [웹폰트] 나눔손글씨 붓 / 나눔손글씨 펜 (2017) | 2018/02/21 | 597 |
12 | [웹폰트] 화이트데이체 | 2007/09/02 | 691 |
11 | [웹폰트] 소야폰트 | 2007/09/02 | 759 |
10 | [웹폰트] 직접 만들어본 릭스고딕M 웹폰트와 구글본고딕, 나눔바른고딕의 비교 | 2015/08/30 | 815 |
9 | [웹폰트] 한글 웹 폰트 경량화해 사용하기 (Coderifleman, 2015.02), Noto Sans(본고딕) 웹폰트 | 2015/08/30 | 1000 |
8 | [웹폰트] 윤디자인 웹돋움 | 2007/09/02 | 1144 |
7 | [웹폰트] 아모레퍼시픽 아리따글꼴 웹폰트 | 2015/08/30 | 1172 |
6 | [웹폰트] 현대U&I웹폰트, 구글 본고딕 노토산스 | 2016/06/26 | 1328 |
5 | [웹폰트] 서브셋폰트메이커를 사용한 웹폰트 만들기 | 2015/08/30 | 1711 |