1837956 - Firefox shows "colored" Fluent Emojis on Windows while still flat on Chrome and Edge

Status: RESOLVED INVALID

(Core :: Layout: Text and Fonts, defect)

Description

[Kagami Rosylight [:saschanaz] (they/them)]

Attachment: image.png

Starting with some recent Windows Insider build, currently on Windows 11 version 22631.1835 on Beta Channel, 😠 renders as:

• "Color" version on Firefox: https://github.com/microsoft/fluentui-emoji/blob/main/assets/Angry%20face/Color/angry_face_color.svg
• "Flat" version on Chrome, Edge, and the rest of Windows system: https://github.com/microsoft/fluentui-emoji/blob/main/assets/Angry%20face/Flat/angry_face_flat.svg

Test it with data:text/html;charset=utf-8,<div style="font-size: 4em">%F0%9F%98%8D%F0%9F%98%82%F0%9F%98%B0%F0%9F%A4%94.

This is affected by gfx.font_rendering.colr_v1.enabled and thus is something to do with COLRv1, while Chrome is supposed to support COLRv1 too. We may need to investigate why the difference is happening, since Windows users may be affected soon.

This is not a Firefox side regression per mozregression.

(The "Color" version looks cute while it still can look bad on traditional 96 DPI displays when in the default 16px size, hence "Defect".)

Comment 1

[Jonathan Kew [:jfkthame]]

Seems like this would be the expected/intended behavior, and if Chrome fails to use the COLRv1 glyphs, that may be a Chrome bug.

Is the relevant font publicly available somewhere, or only through Windows Insider channels?

Comment 2

[Kagami Rosylight [:saschanaz] (they/them)]

https://github.com/microsoft/fluentui-emoji doesn't seem to have any font files. But per https://bugs.chromium.org/p/chromium/issues/detail?id=1440206 this looks indeed a known Blink issue. Closing.