對很多糾結於字型的 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 檔案是個額外的負擔,不過你可以直接鏈
接字型檔案
iphone 和 ipad
。關於 webfont 載入器,那是一段 j**ascript
指令碼,用來載入字型,可以不用,但使用的話會帶來額外的好處。比如,firefox 在載入 google web 字型的時候,在
@font-face 載入完成之前,會先顯示乙個代用字型,等 @font-face 完全載入後,真正的字型會取代那個代用字型,這會引起頁面閃爍
,且讓人費解,webfont
載入器可以解決這個問題
。raph levien 是乙個字型設計師,設計了 inconsolata
字型。raph 也是 google web 字型 api 團隊的成員,本文是對 raph 的一次訪談。
chris:
google 為 web 設計者們做了很多好東西,包括一些會占用他們大量頻寬的東西,比如,使用他們的 cdn 網路託管
j**ascript 庫,允許我刻薄一點,這樣做對 google 到底有什麼好處?當然,這會讓 web 字型更快,但乙個更快的 web 對
google 有什麼好處?是為了從中分析對 google 有用的資料資訊嗎?
raph:
不過是為了讓 web 更快,更豐富。我們不收集任何個人資訊,我們的 log
記錄也僅僅是為了統計效能狀況,並統計哪些字型受歡迎。這個服務最好的地方是,就像我們託管 ajax
chris:
最壞的情況,假如你們託管的字型宕機,那些引用這些字型的站點會怎麼樣?會使用替代字型,還是別的?
raph:
是的,會使用替代字型,這只是個 css,設計者可以完全控制使用什麼字型。另外,如果你想有更好的控制,可以使用 webfont
載入器,比如,當字型載入失敗的時候,你可以使用 j**ascript 改變 css,我們還會和所有主流瀏覽器開發商合作,改善 web 字型體驗。
chris:
你們和 typekit 的合作很讓人感興趣,能說一說嗎?
raph:
typekit 在 web 字型方面走得最遠,我們很早就知道他們(事實上,jeff veen 曾在 google
幹過)。因此,很自然地,我們就談到了一起。我們的開放字型是很好的東西,但仍想有更多的字型可以讓使用者使用,除此之外,我們還和其他主要字型商合作,包
括 ascender。
chris:
一些免費或開源字型一般是為它們的設計商充當廣告的,對 google 字型庫而言,這是否乙個障礙?最終這些字型庫收藏的都是受限制的字型。
raph:
目前為止,我們收到了很好的反響。人們有各種各樣的理由向我們貢獻字型,其中乙個確切無疑的原因是,這會給他們帶來更多流量來幫助他們賣更多收費字
體。還有很多人,僅僅是喜歡設計字型,不管怎麼樣,我們很有信心看到我們的開源字型檔越來越強大。不過,在任何時候,那些專業字型商擁有更高質量的字型。
google font
api & interview
**內容管理系統
官方**
iOS 中字型樣式設定 API
今天專案需求裡要求給文字設定字型樣式,以前的工作中並沒有涉及字型樣式的設定,後來在網上找到了相關的方法,這裡總結一下.cocoa在uikit框架中為開發者提供了高層次的api以及方便的列舉 載入和使用字型。cocoa touch使用uifont類來封裝字型。每個 ios 裝置都內建了系統字型。如果是...
常用 API 函式 文字和字型函式
addfontresource 在windows系統中新增一種字型資源 createfont 用指定的屬性建立一種邏輯字型 createfontindirect 用指定的屬性建立一種邏輯字型 createscalablefontresource 為一種turetype字型建立乙個資源檔案,以便能用a...
易語言 查詢API之文字和字型函式
api之文字和字型函式 addfontresource 在windows系統中新增一種字型資源 createfont 用指定的屬性建立一種邏輯字型 createfontindirect 用指定的屬性建立一種邏輯字型 createscalablefontresource 為一種turetype字型建立...