구글 웹폰트는 https://www.google.com/fonts 에서 폰트를 선택하면 CSS 소스까지 제공한다. 브라우저에서 접근하는 사용자는 구글 웹폰트 사이트에서 폰트 리소스를 다운받아 적용하게 된다. 해당 사이트에서 폰트를 선택한 후, USE 버튼을 누르면 링크해야 하는 CSS를 알려준다.
Open Sans 와 Lobster 라는 2개의 폰트를 선택해 보았다.
==========================================
<html>
<head>
<link href='http://fonts.googleapis.com/css?family=Open+Sans|Lobster' rel='stylesheet' type='text/css'>
<style>
.OpenSan { font-family: 'Open Sans', sans-serif; }
.Lobster { font-family: 'Lobster', cursive; }
</style>
</head>
<body>
<div > 브라우저 기본 폰트 <br/> the quick brown fox jumps over the lazy dog <br/> 무궁화꽃이 피었습니다. </div>
<br/>
<div class="OpenSan"> OpenSan <br/> the quick brown fox jumps over the lazy dog <br/> 무궁화꽃이 피었습니다. </div>
<br/>
<div class="Lobster"> Lobster <br/> the quick brown fox jumps over the lazy dog <br/> 무궁화꽃이 피었습니다. </div>
<br/>
</body>
</html>
==========================================
이렇게 샘플을 만들면 아래와 같이 나온다.
그런데 중요한 것은 이 중 한글폰트는 없다. 위 스크린샷에서 한글도 뭔가 변경되어서 나온 이유는 한글에서는 궁서로 대체해서 표시되었기 때문에다. 이는 크롬의 개발자 도구에서 확인 할 수 있다. 개발자도구에서 실제 Rendering 된 Font를 표시해 준다.
근데 왜 하필 궁서인가?? 요건 아직 나도 모르겠다. 뭔가 더 알아봐야 겠으나 우선은 패스 하겠다.
어째든 그럼 한글은 이런 서비스를 전혀 이용하지 못하는 것인가? 아니다 구글에서 제공하는 earlyaccess 라는 서비스를 이용할 경우 가능하다.
http://www.google.com/fonts/earlyaccess
이름부터 뭔가 베타 느낌이 나는 서비스인데 여기서는 한글도 지원하고 있다. 우리가 익히 알고 있는 나눔글꼴과 KoPub Batang ( http://ko.wikipedia.org/wiki/KoPub 에서 보면 한국출판인회의에서 배포하는 전자책용 서체라고 나와있다. ) , 제주폰트를 지원하고 있다.
폰트에도 라이센스가 있기 때문에 아무 폰트나 지원할 수 없다. 그래서 오픈 폰트 라이선스(http://ko.wikipedia.org/wiki/%EC%98%A4%ED%94%88_%ED%8F%B0%ED%8A%B8_%EB%9D%BC%EC%9D%B4%EC%84%A0%EC%8A%A4) 를 가진 폰트만 제공하고 있다.
제주고딕과 나눔고딕에 대해 테스트 해보았다.
=========================================
<html>
<head>
<style>
@import url(http://fonts.googleapis.com/earlyaccess/jejugothic.css);
.JejuGothic { font-family: 'Jeju Gothic', serif; }
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
.NanumGothic { font-family: 'Nanum Gothic', sans-serif; }
</style>
</head>
<body>
<div > 브라우저 기본 폰트 <br/> the quick brown fox jumps over the lazy dog <br/> 무궁화꽃이 피었습니다. </div><br/><br/>
<div class="JejuGothic"> JejuGothic <br/> the quick brown fox jumps over the lazy dog <br/> 무궁화꽃이 피었습니다. </div><br/><br/>
<div class="NanumGothic"> NanumGothic <br/> the quick brown fox jumps over the lazy dog <br/> 무궁화꽃이 피었습니다. </div><br/><br/>
</body>
</html>
=========================================
아무래도 한글의 경우 자유롭게 사용할 수 있는 폰트가 적다보니 뭔가 아쉬움이 느껴진다. 좀 더 많은 오픈폰트라이센스를 가진 한글폰트가 많아 졌으면 좋을 것 같다. 내가 fontforge 를 배우는 가장 근본 이유는 이것 때문인지도 모르겠다.