Google網頁設計之網頁字體線上服務

Admin

為了讓網頁設計更加靈活，Google從2010年5月19日啟動了網頁線上字體服務，並一口氣發佈了十八字體族。但與 Monotype Web Fonts、FontShop 等字體商不同，Google 這次開放的網頁設計字體與它其他很多服務一樣，完全免費。

Google 目前提供的字體共有十八種，均為目前比較流行的免費字體，包括為 Android 而開發的 Droid 系列，為代碼印刷而設計的 Inconsolata，業餘之作而不脛走紅的 Yanone Kaffeesatz ，被稱為“Fonts for Scholars”的 Cardo等等，其中最能引人注目的是字體師 John Fell 設計的 IM Fell 字體。

要知道，目前網頁設計上使用的字體都是常見的幾種，如’Lucida Grande’， Verdana， Arial， Sans-Serif，中文常見的有宋體。

要想用比較個性的字體就比較麻煩了，常用的方法是用Photoshop把文字製作成圖片，因為你不能保證用戶端是否支援這種字體。

所以，Google啟動網頁線上字體服務，我想每個網頁設計師都會覺得這是個好消息，又一個來自Google的福音吧！我們將不再為網頁字體類型的稀少而限制我們的網頁設計了，因為，雖然現在Google只是剛啟動網頁線上字體服務，且網頁線上字體也只有十八種，但以Google的實力，沒人會懷疑以後網頁字體的豐富程度。

想使用它們嗎？使用Google網頁線上字體無需付費，也不必註冊，只需要做簡單的幾步，舉個例子，如果你想在你的網頁中使用“Tangerine”這種字體：

1.在網頁頭部加入代碼

1. <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">

複製代碼

2.在你的CSS樣式表中加入

1. body {
   
2. font-family: ’Tangerine’, serif;
   
3. font-size: 48px;
   
4. }
   
5. 
   
6. （注：這是讓頁面所有元素的字體都變成Tangerine，如果只想局部Tangerine字體只要改變CSS選擇器就可以了！）

複製代碼

3.刷新查看效果！


*如果想詳細的瞭解Google網頁線上字體服務的話，請到官方主頁：http://code.google.com/webfonts

*Google網頁線上字體服務的詳細使用方法：http://code.google.com/apis/webfonts/docs/getting_started.html