question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Including Apple Color Emoji in font stack prevents coloring unicode

See original GitHub issue

Before opening: Including Apple Color Emoji in the font stack prevents coloring unicode, such as the ✖.

Config

  • Operating system and version: macOS 10.15.7
  • Browser and version Chrome 85, Firefox 81

Codepen

https://codepen.io/paulschreiber/pen/NWrPOjg

Sample CSS

.remove {
  color: yellow;
  background: black;
}
.fonts {
  font-family: sans-serif;
}

Sample HTML

<span class="remove">✖</span> 
<span class="remove fonts">✖</span>

Actual

image

Expected

image

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:10 (9 by maintainers)

github_iconTop GitHub Comments

1reaction
patrickhlaukecommented, Oct 14, 2020

i’d remove them, just leads to weirdness when somebody develops on non-macOS/iOS devices, then finds that on apple devices things look all weird and funky. as long as we can still make breaking changes, let’s make them now and signpost it in the migration guide (i.e. if you still want them, add them yourself to your font stack)

1reaction
patrickhlaukecommented, Oct 14, 2020

i believe the issue is that because it is included, it overrides the regular unicode characters, and should be removed.

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to prevent Unicode characters from rendering as emoji in ...
All you have to do is enforce a font that contains glyphs for this characters, and whose glyphs look the way you want...
Read more >
CSS Color Emoji Stack | Nick Galbreath
How to build a cross-platform color emoji stack. ... Then they can be added to any existing font stack with minimal cut and...
Read more >
why is this 🕳 an emoji? - Apple Community
The Apple character is not an emoji, it is a special character in the Unicode Private Use Area and is normally only included...
Read more >
An overview of technologies supporting the use of colour ...
This article provides an overview of various background topics related to using OpenType colour fonts for typesetting colour emoji in LaTeX: Unicode-based ...
Read more >
UTS #51: Unicode Emoji
1.4.1 Emoji Characters; 1.4.2 Emoji Presentation; 1.4.3 Emoji and Text Presentation ... The colored images used in this document and associated charts ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found