twemoji-color-font icon indicating copy to clipboard operation
twemoji-color-font copied to clipboard

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

Open sp00n opened this issue 7 years ago • 5 comments

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: image

sp00n avatar Jan 07 '18 21:01 sp00n

~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.~

13rac1 avatar Jan 07 '18 22:01 13rac1

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?

sp00n avatar Jan 07 '18 22:01 sp00n

Huh... Good point. Sorry. :confused:

13rac1 avatar Jan 07 '18 22:01 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.

13rac1 avatar Jan 07 '18 22:01 13rac1

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.

InDieTasten avatar Feb 22 '20 13:02 InDieTasten