如何使 VSCode for MacOS 中的字体渲染看起来与 VSCode for Windows 完全相同？答案

【问题标题】：How can I make the font rendering in VSCode for MacOS looks exactly the same like VSCode for Windows?如何使 VSCode for MacOS 中的字体渲染看起来与 VSCode for Windows 完全相同？
【发布时间】：2020-12-06 01:41:40
【问题描述】：

与this question 有点相反。

我不喜欢 VSCode for Mac 中字体的呈现方式。对我来说，缺乏对比度会妨碍我，因为我的视力不好，字母会因为缺乏对比度而有点乱。我可以缩放，但我失去了很多工作空间（MacBook Air 的屏幕很小）。

我切换到 VSCode for Windows (Consolas) 中使用的字体，但它仍然变得模糊。

MacOS 系统的General > Font smoothing 没有任何区别。

有什么方法可以让 Mac 版 VSCode 中的字体渲染看起来与 Windows 版 VSCode 中的完全一样？

Windows 的 VS 代码（非常好，打印从 VM 连接到 Windows 机器）

带有字体抗锯齿功能的 VS Code for Mac ("workbench.fontAliasing": "antialiased")（不那么生动和模糊）

没有字体抗锯齿的 Mac 版 VS Code ("workbench.fontAliasing": "none")（更加生动和对比鲜明，但看起来很糟糕）

【问题讨论】：

如果我放大得非常大，字体渲染没有区别。看起来不同的是颜色管理，Windows 图像中的颜色更加饱和，与黑色形成更多对比。您是否尝试过 VSC 的高对比度主题。您可以更改 settings.json 中的所有（语法突出显示）颜色。
@rioV8 有趣...像素实际上是相同的，但有些不太明显。这是否意味着它呈现完全相同的东西，但只有颜色不同？有道理，但我怎么能只让它更有活力而不是安装新主题。我已经习惯了这个主题。
如果您在看到对比度时遇到问题，您应该使用对比度高的颜色而不是这些粉彩，将主题颜色更改为更明亮饱和的版本，在某种意义上创建您自己的主题。使用具有高亮度值的黑色背景和明亮的高颜色（使用 Photoshop 颜色选择器并选择 L 并将其值设置为 100）

标签： visual-studio-code fonts contrast font-rendering consolas

【解决方案1】：

如果你放大很远，你可以看到差异。

Windows 使用Subpixel rendering，颜色管理不同。 Mac 使用单色渲染字体（抗锯齿）

两张图片的背景颜色都是#1E1E1E (Lab 11,0,0)

Identifier 中I 的颜色采样

Windows #8FD3C7（Lab 80,-19,-1）（绿灰色）
Mac #78A6BE（Lab 66,-10,-15）（蓝灰色）

人眼更善于感知绿色的对比度。

与 Mac (66:11) 相比，Windows 上的亮度差异 (80:11) 更大

我建议更改主题的颜色或使用颜色对比度更高的主题，将背景设置为黑色可以提供另一个额外的对比度增强。

在我安装的主题中，Light+ 使用白色背景，High Contrast 使用黑色背景。由于背景颜色，所有其他主题都缺乏对比度

查看One Dark Pro，它使用非常饱和的颜色来突出显示语法。只需将编辑器的背景更改为黑色即可。

  "workbench.colorCustomizations": {
    "[One Dark Pro]": {
      "editor.background": "#000000"
    }
  }

如果需要，您可以更改许多其他背景颜色。

【讨论】：

这个解释得非常好，有人给这家伙一个奥斯卡奖。感谢您的宝贵时间。