TextMeshPRO Emoji Issue with Noto Emoji

Unity Engine
, , , ,
1

Hi everyone,

I am trying to implement emoticons with TextMeshPRO. I am following the steps of the documentation:
https://docs.unity3d.com/Packages/com.unity.textmeshpro@3.2/manual/ColorEmojis.html

I’ve tried it with the Noto Emoji Font by Google: Noto Emoji - Google Fonts
which works properly.

9439817--1324157--Bildschirmfoto 2023-10-30 um 11.19.47.png
9439817--1324157--Bildschirmfoto 2023-10-30 um 11.19.47.png1278×914 79.7 KB

But when using the colored version of the font:

and following the same steps, the emoji doesn’t get rendered (see attached image). Unity does not throw or warning or something similar.

9439817--1324160--Bildschirmfoto 2023-10-30 um 11.20.11.png
9439817--1324160--Bildschirmfoto 2023-10-30 um 11.20.11.png1280×900 67.9 KB

Does someone has an idea why?

Thanks to everyone!

1 Like
2

same issue

I got it to work with the windows compatible version, which can be found here

also make sure you set the correct character set range

1 Like
3

Bro firstly the emojis from this one are not colored. Also how do you set the “correct character set range”?

4

I’ve been having the exact same problem. I managed to fix it using either the NotoColorEmoji_WindowsCompatible.ttf or NotoColorEmoji.ttf from
https://github.com/googlefonts/noto-emoji/tree/main/fonts

As stated by

I’m on a Mac, and neither of these fonts seem to be installable on my OS as fonts. In Unity, both show up as color emoji fonts when following the guide at
https://docs.unity3d.com/Packages/com.unity.textmeshpro@3.2/manual/ColorEmojis.html

I am using TMPro 3.2.0-pre.9

Here’s my inspector, with the font downloaded from https://fonts.google.com/noto/specimen/Noto+Color+Emoji on the left (NOT WORKING), NotoColorEmoji.ttf in the middle and NotoColorEmoji_WindowsCompatible.ttf on the right (BOTH WORKING AS EXPECTED):

9786558--1404129--upload_2024-4-22_18-53-49.png

Regarding the character set range, I’m no expert on font rendering at all so I might be wrong but my understanding is that Unity includes all the characters you use in your scenes by default (you will see which characters are included in the Character Table in the Inspector in the Font Asset File as in the screenshot above. Now I think if ‘Atlas Population Mode’ is set to ‘Dynamic’, Unity should do everything for you. For me, this worked perfectly until I had user input text, for which I had to enable ‘Multi Atlas Texture’ in the inspector. Honestly, I don’t know why. The below screenshot is from the NotoColorEmoji.ttf Font Asset, which works well for me now:

9786558--1404147--upload_2024-4-22_19-12-59.png

2 Likes
5

Hi!

Thank you for posting the solution.
I followed your steps, but I am having the following issue: the emojis are displayed as white only characters. I have tried with both WindowsCompatible and the simple one.

image
image938×423 20.8 KB

Regarding the font settings, everything looks fine:

image
image679×273 11.7 KB

image
image683×321 27.5 KB

image
image669×223 10.5 KB

Here are the settings for the input field:

image
image687×879 62.7 KB

What am I missing? Probably there is a minor issue, but I cannot see it.
Thank you!

6

The fix was: set the shader of the material to TextMeshPro/Sprite after the asset font is created:
image
image