Microsoft Internet Explorer 11 and Edge browser do not render local font files FACE on text objects on start of layout, displaying fallback font like Time New Roman instead.
By local font files, I mean downloaded Google fonts, like: Exo, Krub, worksans in 3 formats (ttf,woff,woff2)
It is a known issue also occurring on standard HTML5 tags and CSS, not just in canvas.
(YES bad browsers)
Working & tested solution that I wish to share:
- Once all text treatments are done (if any): Ajax local translation file loaded and text updated
- Or On Start of Layout
- Create a Family with all text object from your game.
Call a function that loop all objects and change the size property
- This will force re rendering of the text objects with the right font-face