Draw text with css effects

There is a programmatic way as well to update your texture to use the font once it is loaded. ie:

if (document.fonts.check("16px FontAwesome") === false) {
    document.fonts.load("16px FontAwesome").then(() => {
      advancedDynamicTextureRef.markAsDirty();
    });
  }

working example here. I use the “X” as a close icon and then when FontAwesome loads the GUI will update automatically.
create-react-app-typescript-babylonjs/App.tsx at master · brianzinn/create-react-app-typescript-babylonjs (github.com)

1 Like