中文的字型檔案很大,要做到像英文一樣,有豐富的 Webfont 可以選用是件困難的事情。一些網路服務如 Justfont 、文鼎的 iFontCloud、 華康的威 Font 等,都可以做到即時抓取每個頁面所需要的字型檔案,降低網路傳輸量,再顯示出網頁的中文字型。但這些服務大多都有試用期限的限制,若到期就需要按月或每年繳交年費,對於流量不大的服務或部落格來說,是一筆不小的開銷。
好在今年六月,Adobe 正式宣布旗下免費的 Typekit Webfont 服務也開始支援複雜且檔案龐大的東亞字型,當中也包含繁體中文。最令人興奮的是,與 Google 合力開發的黑體字型-思源字體,也在支援列表之中,也就是說套用之後,網頁就可以自由的運用擁有七種不同粗細大小的美麗黑體,而且免費!不過這個服務不是完全沒有使用限制的,它最多只能支援一個 domain,另外如果你的網站瀏覽量每月超過 25,000 次瀏覽,選用的字體可能就沒辦法正確顯示出來,此時就只能付費升級了。
興奮之下,立刻試著將 Typekit 的思源字體套用到網頁上,果真非常漂亮,網頁終於可以像許多英文網頁一樣,擁有標題和內文明顯不同的兩種字體,而且不管在哪個瀏覽器上觀看都可以顯示一致的字體。
在 Adobe Typekit 上面註冊並選用字型
在開始使用前,我們先前往 Adobe Typekit 網站上登記 webfont 服務的使用:https://typekit.com/fonts
註冊成功後,在首頁按下 Kits -> Create new kit
選取需要的字型(如思源字體)
在您的頁面的
...區間植入代碼,大功告成!