Google Fonts : http://www.google.com/fonts
Google Fonts 目前提供許多字型，你可以利用上方與左側來設定字型大小、字型寬度、字體類型( 如：拉丁、希臘等等 )，還可以輸入文字即時看字型呈現的效果。
另外，你可以選擇單獨看文字 ( Word )、句子 ( Sentence )、段落 ( Paragraph )、海報 ( Poster ) 四種情況下的效果。操作的畫面如下：
另外，你可以選擇單獨看文字 ( Word )、句子 ( Sentence )、段落 ( Paragraph )、海報 ( Poster ) 四種情況下的效果。操作的畫面如下：
選好想要的字型及其他參數後，點選 Use 之後之後就可以看到你所選的字型清單。最需要注意的為右邊的 Page Load 的圖表，它代表你使用者些字型對網頁載入時間的影響大小。所以盡量不要讓圖表的指針到紅色的區域。請參考下面的畫面：
再來就是如何使用字型，使用的方法有三種：Standard、@import、Javascript。
Standard ：於 <head> 區域中使用 <link> 標籤來引入該字型。
@import ：在 CSS 檔案中引入該字型。
Javascript ：透過 Javascript 操作引入該字型。
透過以上三個方法引入字型後，別忘了仍須要在 CSS 中去使用該字型。
Standard ：於 <head> 區域中使用 <link> 標籤來引入該字型。
@import ：在 CSS 檔案中引入該字型。
Javascript ：透過 Javascript 操作引入該字型。
透過以上三個方法引入字型後，別忘了仍須要在 CSS 中去使用該字型。
