Vscode: Pepper emoji 馃尪 shows up in black and white

Created on 23 May 2017  路  6Comments  路  Source: microsoft/vscode

  • VSCode Version: 1.12.2
  • OS Version: Windows 10 1703

Steps to Reproduce:

  1. Type or paste emoji characters: 馃崰馃崨馃崢馃馃尞馃尟馃嵅馃崪馃崣馃崫馃崥馃崊馃尳馃崜馃崙馃崕馃崘馃尪
  2. All of them show up in color, except for the pepper 馃尪 emoji, which shows up in black and white. 馃槩

image

I suspect this could be an Electron/Chromium issue, since the pepper emoji is relatively new.

*out-of-scope editor electron upstream

Most helpful comment

This should be marked as critical 馃槶

All 6 comments

This should be marked as critical 馃槶

Each OS has its own Emoji set and the Pepper falls back to system one as Chromium56 doesn't have that. But if you look at emojis on macOS, you can notice they are different as well, and still colorful.

screen shot 2017-05-23 at 9 11 03 am

We should verify this issue in next Electron update.

More details here, Pepper is introduced in Unicode v7 (https://commons.wikimedia.org/wiki/Emoji) and Chromium is not always picking up the latest so in M56 Chromium doesn't think it's an Emoji, https://bugs.chromium.org/p/chromium/issues/detail?id=617631&q=segoe%20ui%20emoji&colspec=ID%20Pri%20M%20Stars%20ReleaseBlock%20Component%20Status%20Owner%20Summary%20OS%20Modified

To mitigate this issue, you may want to set your editor.fontFamily to use an emoji font.

Can confirm, adding "Segoe UI Emoji" to the end of my editor.fontFamily setting makes the pepper emoji 馃尪 show up in full color 馃槃

{ 
    "editor.fontFamily": "Fira Code, Consolas, Segoe UI Emoji"
}

image

Can VSCode always append that font automatically (and the appropriate OS X and Linux fonts) to the setting behind the scenes as a fallback, when rendering the text editor? That way we don't depend on Chromium's emoji presentation defaults.

This iteration we focus on issue grooming. This issue is being closed to keep the number of issues in our inbox on a manageable level, we are closing issues that are not going to be addressed in the foreseeable future: We look at the number of votes the issue has received and the number of duplicate issues filed. More details here. If you disagree and feel that this issue is crucial: We are happy to listen and to reconsider.

If you wonder what we are up to, please see our roadmap and issue reporting guidelines.

Thanks for your understanding and happy coding!

Was this page helpful?
0 / 5 - 0 ratings