Google Web 字型 API 訪談

對很多糾結於字型的 Web 設計與開發人員而言，昨天有關 Google Font API
的新
聞
著實讓他們高興了一回，這個非常簡單實用的 API 包含了一套字型庫
和預覽工具
，結合 Google 與 TypeKit
聯合開發的開
源
WebFont 載入工具，Web 設計者們在自己的網站中引用個性字型變得輕而易舉。

Google Web 字型 API 的使用非常簡單，只需從 Google 那裡連結一個 CSS 檔案
並在你
自己的 CSS 定義中引用字型名即可，這裡有一個示範
可以參考。事實上，Google
Web 字型 API 就是 @font-face，你自己也可以實現，但 Google 的方法有有很多優勢：

1. 頻寬（頻寬由 Google 承擔）
2. 緩衝（相同的字型必將在很多網站中已有緩衝，瀏覽器可以直接從緩衝中擷取）
3. 速度（Google CDN 加速網路比絕大多數人的網站速度更快）

當然，載入 Google 的 CSS 檔案是個額外的負擔，不過你可以直接鏈
接字型檔
本身，甚至將字型下載到網站製作你自己的 SVG 版。另外，Google Web 字型 API 暫不支援 iPhone 和
iPad
。

關於 WebFont 載入器，那是一段 JavaScript
指令碼，用來載入字型，可以不用，但使用的話會帶來額外的好處。比如，Firefox 在載入 Google Web 字型的時候，在
@font-face 載入完成之前，會先顯示一個代用字型，等 @font-face 完全載入後，真正的字型會取代那個代用字型，這會引起頁面閃爍
，
且讓人費解，WebFont
載入器可以解決這個問題
。

Raph Levien 是一個字型設計師，設計了 Inconsolata
字型。Raph 也是 Google Web 字型 API 團隊的成員，本文是對 Raph 的一次訪談。

Chris：

Google 為 Web 設計者們做了很多好東西，包括一些會佔用他們大量頻寬的東西，比如，使用他們的 CDN 網路託管
JavaScript 庫，允許我刻薄一點，這樣做對 Google 到底有什麼好處？當然，這會讓 web 字型更快，但一個更快的 Web 對
Google 有什麼好處？是為了從中分析對 Google 有用的資料資訊嗎？

Raph：

不過是為了讓 Web 更快，更豐富。我們不收集任何個人資訊，我們的 Log
記錄也僅僅是為了統計效能狀況，並統計哪些字型受歡迎。這個服務最好的地方是，就像我們託管 Ajax
庫那樣，由於很多網站都在使用這些服務，瀏覽器很容易從緩衝中找到已經載入過的東西，不必每次都重新載入。

Chris:

最壞的情況，假如你們託管的字型宕機，那些引用這些字型的網站會怎麼樣？會使用替代字型，還是別的？

Raph:

是的，會使用替代字型，這隻是個 CSS，設計者可以完全控制使用什麼字型。另外，如果你想有更好的控制，可以使用 WebFont
載入器，比如，當字型載入失敗的時候，你可以使用 JavaScript 改變 CSS，我們還會和所有主流瀏覽器開發商合作，改善 Web 字型體驗。

Chris:

你們和 TypeKit 的合作很讓人感興趣，能說一說嗎？

Raph:

TypeKit 在 Web 字型方面走得最遠，我們很早就知道他們（事實上，Jeff Veen 曾在 Google
幹過）。因此，很自然地，我們就談到了一起。我們的開放字型是很好的東西，但仍想有更多的字型可以讓使用者使用，除此之外，我們還和其他主要字型商合作，包
括 Ascender。

Chris:

一些免費或開源字型一般是為它們的設計商充當廣告的，對 Google 字型庫而言，這是否一個障礙？最終這些字型庫收藏的都是受限制的字型。

Raph:

目前為止，我們收到了很好的反響。人們有各種各樣的理由向我們貢獻字型，其中一個確切無疑的原因是，這會給他們帶來更多流量來協助他們賣更多收費字
體。還有很多人，僅僅是喜歡設計字型，不管怎麼樣，我們很有信心看到我們的開源字型檔越來越強大。不過，在任何時候，那些專業字型商擁有更高品質的字型。

 

本文國際來源： CSS TRICKS
Google Font API
& Interview
(原文作者：Chris Coyier)

 

中文編譯來源：銳商企業CMS

網站內容管理系統
官方網站