
Web 的字型(fonts)在今日的網站設計中,是一個關鍵的要素。在我們公司(AOL),
經過再設計的產品之特點就是具有可下載的字型(downloadable fonts)。維護一個上面滿
是圖形化文字標題的 sprite 圖的日子已經過去。我們已經向前邁進了一步,但是哪種方式
的效能最好呢?
本章的目的是要檢視各種現有的 web font 實作,測試它們的效能,並且提供你一些實
用的技巧,以榨取出 web font 最大的效能。我甚至還會介紹一個新的字型載入器(font
loader)做為特別的紅利!
字型提供服務(Font Hosting Services)vs 自行
發展
要把經過授權(licensed)、可下載的字型放到你的網頁中,有兩種方式可用:font hosting
services(字型提供服務)以及 DIY(do-it-yourself,自己動手做)。
Font hosting services
Typekit、Fonts.com、Fontdeck 等為設計師提供了簡單的介面來管理所購買的字型,並
且產生一個連結,連到提供字型的動態 CSS 或 JavaScript 檔案。Google 甚至
免費
提供
這種服務。Typekit 是唯一提供額外的 font hinting 的服務,來確保字型在不同瀏覽器上
都占據相同的像素。
Web Font 的效能:
權衡 @font-face 選項與
替代方案
Dave Artz
第三十三章