有沒有辦法避免 Web Font 顯示出來之前,先以系統字型顯示的現象?

若您使用的是舊版方案標籤(typesquare.js v2),則在套用Web字型之前,網頁內的文字會先以系統預設字型顯示出來,所以套用時會有閃爍的情形。

【應對方法1】

請改用新版方案標籤(typesquare.js v3)。
新版本的預設值就是「在載入Web字型完成之前先隱藏文字」,所以能夠在載入完成後才顯示出Web字型。

v3_zhtw.png

您還可以使用淡入功能讓顯示效果更舒服。
詳請查閱API參考文件頁的說明。

 

【應對方法2】

您可以用淡入功能來避免這樣的閃爍現象。
詳請查閱舊API參考文件頁的說明。

 

【應對方法3】

標準方案II、進階方案的客戶,可以使用TypeSquare API的「下載回呼函式」在自己想要的時間點載入、套用Web字型。
詳請查閱舊API參考文件頁的說明。