新聞來源:css-tricks.com
對許多糾結於字體的Web 設計與開發者而言,昨天有關Google Font API 的新聞著實讓他們高興了一回,這個非常簡單實用的API 包含了一套字體庫和預覽工具,結合Google 與TypeKit 聯合開發的開源WebFont 載入工具,Web 設計者在自己的網站中引用個性字體變得輕而易舉。
Google Web 字體API 的使用非常簡單,只需從Google 連結一個CSS 檔案並在你自己的CSS 定義中引用字體名稱即可,這裡有一個演示可以參考。事實上,Google Web 字型API 就是@font-face,你自己也可以實現,但Google 的方法有很多優點:
頻寬(頻寬由Google 承擔)
快取(相同的字體必將在許多網站中已有緩存,瀏覽器可以直接從快取中取得)
速度(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 網站內容管理系統官方網站