1658190 - Keycap emojis are not rendered

Status: RESOLVED DUPLICATE of bug 1371386

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

Description

[u668157]

Attachment: screenshot.png

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:79.0) Gecko/20100101 Firefox/79.0

Steps to reproduce:

1. Open Firefox.
2. Type in the address bar https://emojipedia.org/symbols/
3. Click on one of the keycap emoji, for example Keycap Digit Zero.

Actual results:

All codepoints U+20E3 are not renderized.

Expected results:

All codepoints U+20E3 are renderized.

Comment 1

[BugBot [:suhaib / :marco/ :calixte]]

Bugbug thinks this bug should belong to this component, but please revert this change in case of error.

Comment 2

[u635660]

seems to render for me can you show me a screenshot of it not rendering

Comment 3

[u668157]

Try using those emoji in any online text editor, for example https://shrib.com.
Or try looking at how it is rendered in the tab title.

Comment 4

[Petruta Horea [:phorea], Desktop Test Engineering (back on Sep 5th)]

Attachment: keycap.png

(In reply to Fabrizio from comment #3)

Try using those emoji in any online text editor, for example https://shrib.com.

I could reproduce in latest Nightly 81.0a1, Firefox 80.0b5 and Firefox 79RC (Win 10 64-bit) using this editor.

Or try looking at how it is rendered in the tab title.

It looks good for me in tab title.

Comment 5

[Jonathan Kew [:jfkthame]]

This is an issue of font selection; bug 1371386 aims to address it.

(If an appropriate emoji font is explicitly specified for the text using CSS font-family, the keycaps should appear fine. The problem arises when the first character -- e.g. the digit -- gets assigned to the normal text font, which doesn't provide the emoji rendering.)