Webfont：為網站換字體

在 Google 2020 年的研究中指出，每當網頁延遲 1 秒，就可能流失 20% 的瀏覽群眾。提升載入速度儼然成員設計師、工程師需面的一大課題。而其中關鍵的「字體」亦是關鍵之一，要使字體快速載入就須仰賴「動態子集化」技術。

實際感受一下！

可以看到，在兩者都關閉快取（cache）情況下，直接載入（呼叫 Github 靜態資源）耗費時間為 3 秒多；使用動態子集化技術情況下，只耗費了 0.1 秒。

Webfont大學問：動態子集化

一般來說中文字型檔案內約有 9,000 ~ 13,00 個字元，但實際網頁中不會用到這麼多，而「動態子集化」就是抓取需要的字元，刪除無用的，進而減少檔案大小。

以思源黑體的常規字重來說，一共收錄的 20,000 個字元，文件大小是 6.78 MB，如果包括標題粗體與內文，可能來到 10 幾 MB ，不利於載入。

TwinType Webfont 具體實現方式

簡單來說，前端工程師、開發者或是小編，只需在文件中引入 API，並透過 CSS 等方式指定參數即可，其餘會由我們的程式完成。

「快」以外的事：避免檔案外流

如果今天使用開源字型，直接上傳字體文件可能只會產生用戶體驗不佳的問題，但如果是商用字型，將完整檔案上傳，所有瀏覽者都可以擷取到字體文件，恐遭有心人士利用。而每次只切割所需字符，則可以降低被濫用之風險。

這邊還是要提醒大家，尊重版權無論是字型、軟體或是任何素材，都不應該隨意使用，需樣透過正規渠道取得授權~

你也需要該服務嗎？

不論你是網頁工程師想要使用 Webfont，或是獨立字體設計師，希望將您的字型上架到 Webfont 平台，都歡迎聯繫我們。目前用戶端介面正在開發，如果急迫需求，歡迎透過電子郵件聯繫。

字型技術業務窗口：willy@twintype.co