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

套用 Web Font 之前,網頁內的文字會先以系統預設字型顯示,所以套用時會有閃爍的情形。 您可以用淡入功能來避免這樣的閃爍現象。

請參考下列程式碼: (註:自管方案不支援)

無淡入: 標籤:無指定參數

<script type="text/javascript" src="https://typesquare.com/accessor/zh_tw/script/typesquare.js?[YourID]" charset="utf-8"></script> 

Internet Explorer 使用者請點這裡 (會開啟新視窗)。

有淡入(1秒): 標籤:參數指定「fadein=10」(以1秒完成淡入)

<script type="text/javascript" src="https://typesquare.com/accessor/zh_tw/script/typesquare.js?[YourID]&fadein=10" charset="utf-8"></script> 

 

Internet Explorer 使用者請點這裡(會開啟新視窗)。

※本範例程式碼在TypeSquare網站內測試能正常運作,但不保證在任何環境下都能有一樣效果。可能會因為使用的網站中其他內容、瀏覽環境的差異,而無法正常運作。使用本範例若衍伸任何損害,本公司無法亦負責。