Google Fonts 是什么？（以下翻譯為谷歌字體）
關於谷歌字體
使用在線字體的頁面將更加漂亮，更具可讀性、可訪問性與開放性。
谷歌字體讓所有人，包括專業的設計師與開發者可以快速、簡便的使用在線字體，我們相信每個人都可以在他們的網頁與應用中使用高質量的字體。
我們的目標是創建一個可以為世界各地的人所使用的在線字體目錄。通過我們的 API 服務可以在幾秒內為您的網站添加谷歌字體，該服務不僅快速、可靠，而且還是免費的。
開源字體
谷歌字體都是開源的，這意味着你可以自由地與你的朋友與同事分享，甚至可以基於它們定制自己的字體，或者與原來的設計師共同改善他們；你還可以以任何一種方式使用它們，私人或商業，包括印刷，在電腦上使用，或者網站使用。
我們正在與世界各地的設計師協商發布高質量的在線字體，如果你是一名字體設計師並且希望參與其中，請聯系我們。
許多谷歌的頁面已經在使用谷歌字體，例如谷歌的關於頁與谷歌世界遺產項目，它們都使用了 Open Sans 這款字體。
以上簡介翻譯自>>http://www.google.com/fonts/#AboutPlace:about
使用谷歌字體的好處？
- 使用谷歌字體可以使頁面更加美觀
- 不必擔心訪問者電腦上沒有安裝該字體而導致與預期不一致的效果
注：谷歌字體僅適用於英文頁面，因為英文字體文件較小（K級別），中文或其它語言的文字由於不像英文僅需要26個字母組成，字體文件較大（均為M級別），以目前的網速沒有實際意義。
如何使用谷歌字體？
1.進入 Google Fonts 主頁>>http://www.google.com/fonts/
2.將鼠標移動到喜歡的字體上面，然后點擊 Add to Collection，可以選擇多款字體，目前 Google Fonts 上有625款字體；
3.然后點擊右下角的 review 按鈕預覽效果；
4.接着點擊 Use 按鈕來到使用介紹頁面，該頁面中還會提示字體大致的加載時間，所以盡可能的少選字體，同時有的字體還提供了其它字符集，如果有需要也可以勾選，當然，勾選后同樣會影響加載速度。
5.谷歌提供了三種方式在 HTML 中引入 Google Fonts
a.標准式：
<link href='http://fonts.googleapis.com/css?family=Swanky+and+Moo+Moo|Meie+Script' rel='stylesheet' type='text/css'>
b.導入式：
@import url(http://fonts.googleapis.com/css?family=Swanky+and+Moo+Moo|Meie+Script);
c.JavaScript方式：
<script type="text/javascript"> WebFontConfig = { google: { families: [ 'Swanky+and+Moo+Moo::latin', 'Meie+Script::latin' ] } }; (function() { var wf = document.createElement('script'); wf.src = ('https:' == document.location.protocol ? 'https' : 'http') + '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'; wf.type = 'text/javascript'; wf.async = 'true'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(wf, s); })(); </script>
6.接下來通過 CSS 的字體定義就可以方便使用了
font-family: 'Swanky and Moo Moo', cursive;
如果想讓字體顯示的好看一點，還可以使用 CSS3 進行簡單操作，例如添加陰影效果
.font-effect {text-shadow: 4px 4px 4px #aaa;}
當然，谷歌字體還提供了一些強大的字體效果 API，通過它們可以實現一些高級效果，目前還處於測試階段，必且除 webkit 內核瀏覽器外，其它瀏覽器並不完全支持。
使用方法：
在鏈接字體庫時帶入字體效果的參數
<link href='http://fonts.googleapis.com/css?family=Swanky+and+Moo+Moo&effect=brick-sign' rel='stylesheet'>
然后給文字添加特定格式的 class，前綴為 font-effect- ，然后是字體效果的 API 名。
<p class="font-effect-brick-sign">This is an easy example for google fonts.</p>
詳細接口：https://developers.google.com/fonts/docs/getting_started?hl=en