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)