Text always has small white outline

[fleity]

I have been observing a strange issue during the project I am currently working on.

All text always has a small bright outline.
This is especially visible during the pressed-state of this button because the background is darker. However this seems to happy everywhere even on non-button text.

Outline width is set to 0 (and not even white for that matter).

The issue is visible in the playcanvas editor too if you zoom in close enough.

I believe there is something broken with the way font atlasses are generated.
My repro case for this bug is interesting.
If you take the project sample for ui buttons: User Interface - Buttons | PlayCanvas Developer Site
Specifically this: PlayCanvas | HTML5 Game Engine
Fork that project, set the button text color to something mid-value grey-ish, select the font from the Font folder and press the “Process Font” button in the font import inspector.
Observe the bright border appearing.

Sometime between the creation of that sample and today this error has made it’s way into the engine?

This seems to be unrelated to: https://forum.playcanvas.com/t/engine-v2-migration-causing-issues-with-text-ui/42418/31
Becase it currently is not solved for me in version 2.21.1

Is there something reasonable I can do to fix this problem?

[Albertos]

UI Text has unwanted outline

[MLB]

I reported this a long time ago. In engine 2.0, using gamma 2.2 affects the UI text, overexposing it. This shouldn’t happen with the UI, or at least there should be an option to exclude specific text from the calculation, or to control the text blend type. Currently, I’ve had to program my own modifications to correct this, but I’m constantly struggling. I’ve never received a real solution.

Here are my previous posts about this:

Problem with gamma 2.2 in a 2.0 engine

This is an issue I’ve mentioned before, because when working with gamma 2.2, my UI text is drastically affected. Shouldn’t the UI be exempt from gamma? How can I fix this problem? Exactly the same text with gamma 1 and with 2.2 [image] [image] With gamma 2.2 my text explodes. In the new 2.0 engine, we work with gamma 2.2 because the 3D looks great, but this happens with the UI. How can we fix this?

The text looks really bad in many cases.

[mvaligursky]

As long as you load texture with sRGB (gamma) enabled, the rendering should work without any issues.

If that does not work, can you please create a simple repro for us to look at, we’re not aware of an issue like this.

[MLB]

I don’t understand what you mean by loading the texture? Are you referring to fonts, the atlas texture? Where is that configured in the editor?
The same problem that I reported many months ago is being reported now in this other post

Engine V2 migration causing issues with text/ui

So @KPal was working on allowing you to import your own font assets into the Editor which would solve that. I think that’s mostly done so I think you can expect that soon. (I’m sure he’ll follow up with an update when he reads this…)

[LeXXik]

This should be fixed in the latest engine release:

Engine v2.21.0

Patched to Release v2.21.3 · playcanvas/engine · GitHub

You should be able to see the changes in Editor, once it updates its engine version.