TypeSquare web fonts are applied only to the sentences which are originally written in the text of web pages.
It cannot be applied to sentences added using scripts, etc. after pages have been loaded.

Please note that TypeSquare web fonts might be applied only to a part of the sentences if already distributed characters and undistributed characters are mixed.

[Solution 1]
If you select a Standard Pro plan, you can apply the web fonts by TypeSquare API as follows:
*Please note that it may result in excess of the number of distributable PV because a PV will be consumed per loading the font.
*Please see this FAQ to confirm the version of the plan tag that you are using.

■ For customers who are using our newer version of the plan tag (typesquare.js v3)
You can use a font autoloading function.
For more details, please see TypeSquare API v3 Reference.
https://typesquare.com/en/service/api_reference

■ For customers who are using our previous version of the plan tag (typesquare.js v2)
You can use a reload function.
For more details, please see TypeSquare API v2 Reference.
https://typesquare.com/en/service/api_reference_v2

[Solution 2]
If you choose a Free or a Standard plan, TypeSquare API is not available. As a solution, only in the case that the text added dynamically is specific, you can distribute the web fonts of the text by placing the hidden text beforehand into a loaded page with CSS such as the visibility property.