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.

Cannot display emoji ✔️, 🙋‍♂️

See original GitHub issue

Steps to Reproduce:

  1. Open a new file
  2. Copy these two emoji ✔️❌ to it
  3. See this result

image

Expected image

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:open
  • Created 6 years ago
  • Reactions:23
  • Comments:44 (13 by maintainers)

github_iconTop GitHub Comments

55reactions
rianadoncommented, May 17, 2018

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:

  • 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'
53reactions
rianadoncommented, Nov 21, 2017

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 the editor.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.

Read more comments on GitHub >

github_iconTop 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 >

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