只載入這一頁用到的字,中文網頁也能快速開啟
貼上一行 script,TwinType 會掃出頁面實際出現的字元,回傳僅含這些字的 woff2 子集。 字型仍是設計師原本的字型,載入量卻只有幾 KB。
為了一行標題,就讓訪客下載整套字型?
一套繁體中文字型收錄上萬個字,一個頁面通常只用到其中幾百個。整包送到瀏覽器,首屏就卡在字型檔上,在手機上尤其明顯。
三步驟快速啟用,免煩惱維護問題
一、建立專案,取得 Token
填入專案名稱與使用網域,系統配發專屬 Token,且僅在你綁定的網域上有效。
二、將嵌入碼放進 <head>
複製後台提供的一行 script 即可。CSS 維持原本寫法,font-family 直接寫字體名稱。
三、其餘交由腳本處理
掃描、子集化與快取全程自動執行。若需指定監看範圍或避免字型替換的閃動,調整一個設定值即可。
四季遞嬗,日月更迭,唯有筆墨如石堅。
這行字為 GenSekiGothic2TW,由嵌入腳本子集化後載入,你現在看到的就是它的實際效果。
建立第一個專案