When I insert unicode emojis into a <span> using standard jQuery they don't appear with Chrome (v48), but do with Firefox (v43) and Safari (v9). Compare these screenshots:
CHROME:
FIREFOX:
Any explanation here?
Asked
Active
Viewed 9,575 times
5
tim peterson
- 23,653
- 59
- 177
- 299
2 Answers
5
The issue is that the span had font-weight:bold. As soon as I put font-weight:normal, the emojis appeared.
tim peterson
- 23,653
- 59
- 177
- 299
0
It's actually because of the font weight. Set the font-weight to 200px
Lucretius
- 13
- 1
- 4
-
2Can you articulate your answer explaining the reason for that? – Gianmarco Nov 21 '20 at 11:31
-
Yeah I'm curious as well, as this is really the reason it doesn't display. – v3ntus Dec 01 '21 at 18:21