動態子集和網頁字體服務

上次更新時間 2022年11月16日

Adobe 開發了動態子集來提供東亞網頁字體服務。 由於東亞字體的大小十分可觀 (大多數情況下為 10,000 個字符以上),所以在網站上載入這些字體是不實際的做法,而且一定會影響載入時間。

動態子集會監視文件物件模型 (DOM) 是否有任何變更,例如動態消息或註解區段,然後要求任何需要新增到該子集中的新字元。 如此一來,載入字體時只會要求額外的字符,並直接在瀏覽器中執行更新,而不需要下載全新的字體。

建立新的網頁專案

當您使用這些字體建立網頁專案時,將會自動選取「動態子集」字元集選項

image

將字體新增到現有的網頁專案

由於需要動態子集才能提供這些字體,所以只有當字體已使用動態子集時,您才能將其新增到現有的網頁專案中。 網頁專案選單將指示您可以選擇哪些專案,您也可以選擇建立新的網頁專案

為什麼在網頁瀏覽器中看到動態字體服務發生 404 錯誤?

動態網頁字體服務發生一些 404 錯誤是正常的。

動態字體載入作業會查看載入到頁面中的字元,並在 use.typekit.net 上檢查這些字元是否已經有字體子集存在,以加快字體載入速度。 如果該子集不存在,則會傳回 404 錯誤。 接著會建立該子集,後續對相同字體子集的要求就會成功 (200)。

只有當您在相同的首要要求中看到多次 404 錯誤時,這才會是一個問題,因為這表示子集的擴大發生問題。