Can I resolve the symptom that the text of a web site is displayed with the default font of the browser before web fonts are applied?

In case you are using our previous version of the plan tag (typesquare.js v2), if the text in a web site is displayed with the default font of the browser before web fonts are applied, the screen may flicker at the time when web fonts are applied.

[Solution 1]
Please use our newer version of the plan tag (typesquare.js v3).
By default it will hide a default font until a web font is loaded, so you can display only web fonts as soon as the font distribution is completed.

____________.png

Also you can use a fade-in function.
For more details, please see TypeSquare API v3 Reference.
https://typesquare.com/en/service/api_reference

[Solution 2]
A fade-in function will suppress this flicker. Please see the sample given below.
For more details, please see TypeSquare API v2 Reference.
https://typesquare.com/en/service/api_reference_v2

[Solution 3]
If you select a Standard Pro plan, you can use a download callback function in TypeSquare API which enables you to get the web fonts at an arbitrary timing and display them.
For more details, please see TypeSquare API v2 Reference.
https://typesquare.com/en/service/api_reference_v2