Cannot display emoji ✔️, 🙋♂️
See original GitHub issueSteps to Reproduce:
- Open a new file
- Copy these two emoji ✔️❌ to it
- See this result
Expected
on Windows 10
2022.12: Edited to add a workaround:
Workaround. Append a color emoji font to the editor font family e.g.:
- Windows:
Consolas, 'Courier New', monospace, 'Segoe UI Emoji'
- MacOS:
Menlo, Monaco, 'Courier New', monospace, 'Apple Color Emoji'
- Linux:
'Droid Sans Mono', 'monospace', monospace, 'Droid Sans Fallback', 'Noto Color Emoji'
e.g. on macOS
"editor.fontFamily": "Roboto Mono, 'Apple Color Emoji'",
or for a cross-platform solution:
"editor.fontFamily": "Consolas, 'Segoe UI Emoji', 'Apple Color Emoji', 'Noto Color Emoji'"
Issue Analytics
- State:
- Created 6 years ago
- Reactions:23
- Comments:44 (13 by maintainers)
Top Results From Across the Web
Emojis are not displayed in Office applications in Windows 7
Cause. This issue occurs because the Segoe UI Emoji font is missing in Windows 7.
Read more >How to Add Emoji to Youtube Titles and Descriptions
In this video you will learn how to add emojis to your titles and descriptions for your YouTube videos. Works for Windows 10...
Read more >How to detect emoji using javascript - Stack Overflow
Note that officially, 0123456789#* and other characters are emojis too, ... First of all, you cannot rely on ECMAScript 2018+ compliant \p{Emoji} (at...
Read more >Add Emojis to LinkedIn Post
Add the right emoji at the right place to present your best thoughts. Attention is what content creators are seeking from people so...
Read more >😀 Grinning Face Emoji - Emojipedia
Emoji Meaning. A yellow face with simple, open eyes and a broad, open smile, showing upper teeth and tongue on some platforms.
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Great to hear it works if you put the font at the end! I’ve never seen an emoji font handle stars and numbers specially before though.
Also, I’m probably going to submit a PR soon to change the default font-family to include emoji. For my later reference (and anyone looking to make emoji work on their system), these defaults would be:
Consolas, 'Courier New', monospace, 'Segoe UI Emoji'
Menlo, Monaco, 'Courier New', monospace, 'Apple Color Emoji'
'Droid Sans Mono', 'monospace', monospace, 'Droid Sans Fallback', 'Noto Color Emoji'
This may not be how it really works, but from my understanding this is how Windows displays emoji as a fallback when no specific “emoji font” is used.
This can be fixed by adding
'Segoe UI Emoji'
to the end of theeditor.fontFamily
setting so emojis fall back to the correct, colored font. Or you could use'Segoe UI Symbol'
instead to get monochrome emoji.Thus, building off the default setting,
Consolas, 'Courier New', monospace, 'Segoe UI Emoji'
would give you colored emoji. This should really be the default. But for now you could change this yourself to make the emoji display correctly.