Specifying "Segoe UI Symbol" as the font-family breaks emojis

[sp00n]

I'm on Windows 7 x64, and whenever a page specifically defines "Segoe UI Symbol" as the font-family, only a couple of emojis show as colored, while most of them show as the black and white symbols.

I see this happening on Firefox 57, 56 and 54.
I've created a test page here: http://sp00n.net/emojitest/
And this is the result I'm seeing:

[13rac1]

Segoe UI Symbol is installed on your machine. The browser is selecting it correctly. The only solution I can think of is to replace/remove Segoe UI Symbol.

[sp00n]

I thought the install script for Windows was generating a new version of Segoe UI Symbol with the colored versions of the emoji characters? Did I misunderstand?

[13rac1]

Huh... Good point. Sorry. 😕

[13rac1]

I have no idea why Win7 would do this. I primarily run Ubuntu, but have a secondary Win10 machine. I'll test on that.

[InDieTasten]

2020, this is issue still applies. I guess don't specify Segoe UI Symbols in your CSS to anyone running across this issue with their websites.

The issue is now more uniform now though, so my guess is, that this is intended. All the sample emojis are now monocolor for me.