Bug 179007 – Emoji does not display when using -apple-system in CSS

• Status: NEW
• Component: Text

[Matt Sephton]

Created attachment 325347 [details]
screenshot of the emoji appearing/not in inspector/document

http://www.halfapp.co uses the 💯 emoji.

In Safari on macOS I see a question mark in a square. See screenshot.  
I also have this issue in emoji used on my Instagram profile.  

Also, in the web inspector, I see the emoji.  
And if I use Look Up, the emoji is shown.  
Logging in as a guest user I see the emoji.  

No duplicate fonts, no fonts with errors or corruption.  
Apple Color Emoji is where it should be.  

And the emoji is displaying just fine in this post!

Permissions have been repaired and re-checked, but I can check something specific if that would help.

If I remove "-apple-system" from the CSS font definition the emoji appear (and of course the font changes).

Any ideas?

macOS 10.13, Safari 11.0 (13604.1.38.1.6)


Also see: <rdar://problem/35048088>

[Radar WebKit Bug Importer]

<rdar://problem/35251087>

[Myles C. Maxfield]

<rdar://problem/35048088>

[Matt Sephton]

Created attachment 326328 [details]
reduced test case

[Matt Sephton]

Created attachment 326329 [details]
reduced test case - screenshot

[Matt Sephton]

Created attachment 330380 [details]
Font Explorer X Pro politely giving me no choice but to have ATS auto activation disabled

[Matt Sephton]

Solution is to re-enable ATS auto activation:

$ atsutil autoactivation -e

ATS auto activation had been disabled on my machine by Font Explorer X Pro.

So it seems that Safari emoji rendering (and who knows what else) does not work properly when ATS auto activation is disabled.

You can disable it using:

$ atsutil autoactivation -d

And then open a new Safari window to check rendering.

<rdar://problem/36273583>

[Myles C. Maxfield]

Thanks for the analysis, this really helps us solve this bug!

—Myles

[Matt Sephton]

It was very frustrating to get to the bottom of it, so if it helped that is good news.

(In reply to Myles C. Maxfield from comment #7)
> Thanks for the analysis, this really helps us solve this bug!
> 
> —Myles

[Myles C. Maxfield]

<rdar://problem/33979180>

[Matt Sephton]

Why have all the comments on this issue disappeared?

[Matt Sephton]

Ignore me, content blocker issue.

[Matt Sephton]

Could this have reappeared through a regression in Mojave?

https://apple.stackexchange.com/questions/349042/emojis-appear-on-some-parts-of-apps-but-show-as-question-mark-in-other-parts

I see that the workaround `atsutil autoactivation -e` is not available in Mojave, instead it displays "Note: auto activation is no longer supported."