頁面載入後,才透過JavaScript等方式新增的文字,能夠套用TypeSquare嗎?

TypeSquare原則上只會對網頁本文預先記載的內容套用Web字型。
頁面顯示完畢後才以JavaScript等方式新增的文字,並不會套用Web字型。

所以若新增的文字中混雜有已經讀入的文字跟未讀入的文字,會發生只有部分文字套用到Web字型的情況。

【應對方法1】

標準方案II、進階方案的客戶,可以使用TypeSquare API重新整個載入字型。

※每次發生字型傳輸時都會消耗PV數。請注意您簽約的PV數足夠。
※您可以在這裡了解如何查詢您使用的方案標籤是哪個版本。

■新方案標籤(typesquare.js v3):

可使用「自動載入字型」功能。
詳請查閱API參考文件頁的說明。

■舊方案標籤(typesquare.js v2):

可使用「重新載入」功能。
詳請查閱舊API參考文件頁的說明。

【應對方法2】

如果動態新增的文字可限定在特定範圍,您可以在頁面載入前,就將可能用到的文字都放在頁面中隱藏的物件裡,這樣頁面載入時就會預先載入這些字的Web字型。

※請使用cssvisibility屬性去隱藏物件。
※免費方案、標準方案I等無法使用API的方案,可使用本方式。