Bug 280102 – Noto Color Emoji font does not render, or disappears shortly after rendering

• Status: NEW
• Component: Text

[Brad Andalman]

Created attachment 472619 [details]
Noto Color Emoji font in Chrome

If you go to this page, you should see a preview of Noto Color Emoji glyphs:
https://fonts.google.com/noto/specimen/Noto+Color+Emoji

If you use Safari 18, however, none of the glyphs appear. They appear fine in other browsers, like Chrome, Edge, Firefox, etc.

[Brad Andalman]

Created attachment 472620 [details]
Noto Color Emoji font in Safari 18

[Brad Andalman]

Created attachment 472621 [details]
Movie of Safari Technology Preview loading the Noto Color Emoji page

I tested this in Safari Technology Preview, and the bug manifests. I made a screen recording of this page loading, and you can see that the emoji initially shows up as Apple Color Emoji, and then partially switches to Noto Color Emoji before going blank.

[Brad Andalman]

Created attachment 472623 [details]
Noto Color Emoji glyphs appearing in print preview

Interestingly, if I go to the Noto Color Emoji page in Safari and choose File > Print, the preview shows the glyphs! And they appear as expected in the generated PDF when I choose "Save as PDF" from the dialog.

[Brad Andalman]

I downloaded the Noto Color Emoji font, and added it to Font Book. It appears as expected, and font validation reports no errors.

[Alexey Proskuryakov]

Thank you for the report!

I cannot reproduce the regression aspect though. The behavior is equally flaky in Safari 17.6 and Safari 18 - the glyphs sometimes appear and then disappear, or don't appear at all, depending on window size.

Please let us know if there was an earlier Safari version where this worked without glitching.

[Brad Andalman]

Created attachment 472646 [details]
Simple HTML that shows an emoji in Safari 17, but not in Safari 18

I've attached some simple HTML that always works for me in Safari 17 (actually, 17.5 on Sonoma) and always fails in Safari 18 (on Sequoia).

[Brad Andalman]

Created attachment 472647 [details]
Simple HTML that shows an emoji in Safari 17, but not in Safari 18

My last attachment works if you download it and open it in Safari. But it doesn't seem to work if you click on it from the WebKit link. Trying a slightly different version.

[Brad Andalman]

Created attachment 472648 [details]
Simple HTML that shows an emoji in Safari 17, but not in Safari 18

(Another attempt to get this to work by clicking on the link in WebKit)

[Brad Andalman]

Created attachment 472652 [details]
Simple HTML that shows an emoji in Safari 17, but not in Safari 18

(Another attempt at getting this to work when clicking the link in Bugzilla)

[Brad Andalman]

Created attachment 472653 [details]
Simple HTML that shows an emoji in Safari 17, but not in Safari 18

(Another attempt to get this attachment to work when you click on it in Bugzilla.)

[Brad Andalman]

OK! This last attachment worked — you can now click on the HTML link above. 

(For those of you following along at home, uploading the zany face emoji caused issues. But using a red heart worked fine.)

[Alexey Proskuryakov]

I'm still getting glitchy behavior from both Safari 17.6 and Safari 18. The heart emoji usually appears at first, and flakily disappears, often when I resize the window, or just after a while.

Maybe it became a little more likely to not show up at all in Safari 18, but this still doesn't seem like a case that used to work, and is now broken.

[Radar WebKit Bug Importer]

<rdar://problem/136528769>

[Simon Fraser (smfr)]

For me, the emoji disappears as soon as the custom font loads.