VSCode Emoji 在 Windows10 下的显示问题

VSCode Emoji 在 Windows10 下的显示问题

问题描述

使用系统快捷键 Win + ;(分号) 或 Win + .(句号) 可以打开系统的 Emoji 面板，用于输入表情符号。

但是在 Windows 10 的 VSCode 中，一部分 Emoji 的显示会出现问题，比如以下这些：

但是这个显示仅在 VSCode 里异常，在浏览器等软件里看就是正常的。甚至在最新的 Windows 11 VSCode 中显示也是正常的！

这说明输入的 Emoji 字码是正确的，那就仅是显示不正确。

解决办法

困扰许久，终于昨天在 VSCode 的 GitHub 仓库里看到有个 2017 年的 Issue #32840 也在说这个问题。

根据讨论的说法，是没有指定 Emoji 的显示字体，以上是浏览器的默认显示方式。

只需将 Windows 自带字体 Segoe UI Emoji 加入到 VSCode editor.fontFamily 设置项中即可。（注意逗号分隔和单引号包含）

设置后的结果：