Gradient color text and black border

Hi, is there a way to create a gradient color text, with a black border?
For example:

Hi Scoenziatogm -

Honestly the best way to do this would be to ensure that your font has this built into it before you bring it into the engine at least for the Black Outline and gradient could be done in black and white then colored in the Material Editor. That being said you can do a lot of math and generate a “rough” version of what you are looking for. Here is my results:

Remember that if you go the Material generated route you will need to adjust the Edge Math and UV tiling for each font you use. This particular example works with UE4’s default font.

Good Luck -

Eric Ketchum

Why I’m getting this on the FontSample?

Hey Scienziatogm -

The version I showed you above is based on the default font in the editor which is set up slightly differently than other fonts imported into the editor. Try plugging it the Alpha pin instead of the Red Channel pin. This should correct the issue.

Let me know if you are still having problems -

Eric Ketchum

It works, but why I’m getting these stripes, and not a gradient?

Hey Scienziatogm -

You will have to play with the Texture Coordinate settings to match the layout of your font sample.

Thank You

Eric Ketchum

Ok, but why when I use it in game, I’ve got this?

Are you using the same font in both the material and the Text Render Actor’s Font drop down?

Eric Ketchum

Now I set the Font Texture Page to 2, but the space and the uppercase letter T don’t work. Anyway yes.

Hey Scienziatogm -

This is an issue with how the font is laid out in its font sample and short of going into a font generation program it is not something that can be fixed in the Editor. You could try using only capital letters which seem to work all on the same font page as well as spaces.

Thank You

Eric Ketchum

Ok. Thanks for the help!

Here is another method to make outline text.
This method draw edges outside of the shape of a character.
(Eric Ketchum’s method draw outline inside of the shape of a character.)
But a limitation is that some character is not fully drawn.
e.g., see ‘e’, ‘o’, ‘W’ in below screenshot, you can see they are little bit chopped off left and right boarder.

I hope the engine have it’s own method to rendering text in variety of styles.

I am trying to replicate this but I am not getting the outline. It seems as if my letters are just getting thicker but its still all white. Would you mind sharing you details panel? I might have something set wrong.

I only changed Blend Mode to Translucent. But it work with Masked too.

I ran into the same isssue but managed to get the solution: you simply need to put a value of 0.5 to the B constant in the if node.

thanks, that is true for me as well!

no good.
this is eating the Aliasing of letters…