Text Render render gibberish when using custom fonts.

Development Rendering
, , , ,
1

I am trying to create a clock by using Text Render Component. Everything look fine until I use a custom font.

My sequence was.

  1. Create new font in content browser > New > Material & Textures > Font.
  2. Choose a font. So far I’ve tried Arial with size 200 and 10, Ms San Serif with size 8 and 24 and Digital-7 in many sizes.
  3. In the Text Render component change the font to one I just created.

This is what it looks like for text “0123456789”

12715-textrender.png

What do I have to do to make the Text Render render correctly?

PS. All The font look just fine when I double click to open it.
PS2. The Text Render render nicely with the default font “RobotoDistanceField”

2

After some more searching I found a working answer.

It’s strange that you have to create a material for the font you’ve imported.