What is the best way to implement custom image font?


Unfortunately, my first attempt to implement my numbers as a custom font failed because the fonts are completely black and the color of the numbers cannot be restored.
My 2nd attempt was via a richtext block with the help of richtextblockimage decorators. That worked, however I have large gaps between the numbers.
Does anyone know a better way or has any idea how I can refine mine?

You could use your first method (no outline, no colors) and apply your colors afterwards:

Edit:
Add this to your project:
Testfont-Regular.ttf (3.0 KB)

Click Yes
Create a widget
Add a text
Choose the Testfont
Set Outline Size 4
Create a material


Apply this material to your text for FontMaterial and OutlineMaterial
Make the outline a little darker

2 Likes

Thx.
I hadn’t thought that you can then add the outlines in Unreal.
My way was now to import the numbers as individual images and then to generate the various images using code.

1 Like