TextMeshPro UGUI text blurry on small font size

I am working on a new project and selecting a suitable font to be used, I noticed that the text start to be blurry when the font size is 18 and less, I am using Unity 2021.2.5f1 (same one 2019 and 2020 LTS versions) and Textmesh pro 3.0.5

I configured the font to use dynamic render mode, here is what it looks like in editor Game View

I also try the way most popular result by internet search, to use a large font size and scale down, but I don’t think it is practical way and result is also bad.

Does anyone know what may cause this to happen? any way to improve the text quality?

few more configuration screenshots I think related to the problem

Here is a link to a webgl build example:
http://vroom.darkspede.space/

Here is a link for a WINDOWS build :
https://www.dropbox.com/s/ttzunllkh0v37b9/Build.7z?dl=0

In order to rule out potential issues related to SDF Scaling related to the use of the Canvas Scaler, see if using one of the SSD shaders included with TMP will result in the text rendering better.

The SSD shaders are included in the TMP Essential Resources and have the SSD suffix in their names.

Thank you for the suggestion, I go try the Distance Field SSD shader, and there is no visible changes from the default Distance Field shader.

7723684--969475--upload_2021-12-10_10-54-11.png

oh, and I noticed that the less the font size is, it turns more greyed out even I set the text color to black

Enable Extra Padding in the Extra Settings of the text component inspector.

Switching to linear color space should help (assuming you can for the platform you are targetting.

Outside of that, you can try adjusting the Dilation at bit and tweak sharpness in the Debug section of the material inspector.

I have set the Extra Padding in TMPSetting by default, set linear color space, this is a new blank project for me to choose a font to use, I have played with debug configurations and I still can not get the font to render nicely. this is the closet result I can get using my current setting

7726398--970101--upload_2021-12-11_8-53-36.png

7726398--970104--upload_2021-12-11_8-53-47.png

Just wondering if there is any asset project/tutorial I can buy to check out what others have done with the settings to render UI text, most project I get from the asset store never uses small fonts, I am trying them out one by one for now

the same thing just happened to me and after a long struggle I realized that the solution is simple :smile:

as I show here, the problem is solved when you turn off Anti-Aliasing on the camera

Thanks for share your experience, I’m using the built-in renderer pipeline, I tried to turn off all AA setting and post-processing and result still the same, TMP works will in 4K resolution, however in 1920x1080, I can’t find a way to get a clear result

2 Likes