TIP: Using FontAwesome, Fontello, etc to draw on GUI and meshes

This is not a problem, but a solution!

If you want to import and use icon fonts like FontAweseme, Fontello or generated yourself, here are 2 PGs that show using with a GUI:

https://www.babylonjs-playground.com/#XCPP9Y#903

and on a mesh:

https://www.babylonjs-playground.com/#XCPP9Y#904

On a regular web project, you just add loading the css as if you want to use the icon font in your regular HTML

Hope this helps!

Created by advise of @Wingnut

4 Likes

Unfortunatelly for me is not working.
image

But FontAwsome should work in playground without injection.
Simply use unicode.
https://www.babylonjs-playground.com/#B41ZNT#0
https://www.babylonjs-playground.com/#XCPP9Y#907

@MarianG

Thanks for that, never knew FontAwesome is available in the playground.

Always used custom icon fonts, so used FontAwesome as a recognizable general name.

What happens if you increase the timer in the setTimeout()? Any errors in the console?

Yes, It is working with 1000 :wink:

1 Like