如何更改 Visual Studio Code 的 UI 字体？

Question

我试图弄清楚如何更改 Visual Studio Code 中非编辑器选项卡中使用的字体；现在这就是我得到的（放大图片以更好地查看我所指的内容）：

如您所见，在这些非编辑器选项卡（扩展信息、Git Graph 选项卡等）上使用了 Serif 字体，使其非常不愉快且非常难以阅读。

这突然发生了，我很确定它不是默认的，并且之前使用了更好、更易读的 Sans 字体（如在左侧面板上），直到出现此问题。我试图找出是否可以从 VSC 内部更改它，但我只能更改编辑器选项卡中使用的字体。

我不知道为什么以及如何开始出现这种行为，并且我不确定这个问题是由 VSC 本身、扩展、操作系统还是其他原因引起的。

如果重要的话，我正在 Linux 上工作，使用 KDE 完全更新的 openSUSE Tumbleweed，就像我说的这个问题最近才开始显现，它不是默认的工作方式。

关于如何解决这个问题的任何线索？

Answer 1

Visual Studio Code 不提供开箱即用的便捷解决方案来更改 UI 字体系列。

但是一位开发者创建了 为 VS Code 自定义 UI 插件。

设置

1. 安装Customize UI插件
2. 重启 VS 代码
3. 打开 VS 代码设置
4. 将自定义 UI 字体：等宽更改为 Fira Code
5. 将自定义 UI 字体：常规更改为 Helvetica Nueve 或 Arial，具体取决于您的操作系统

或者，您可以使用 json 设置编辑器编辑这些设置，如下所示：

    "customizeUI.font.regular": "Helvetica Nueve",
    "customizeUI.font.monospace": "Fira Code",

GitHub issue here

Answer 2

vscode 是一个电子应用程序，因此您实际上只需在帮助菜单中打开开发人员工具，在源选项卡下查找workbench.desktop.main.css 的位置，进行备份并为您的操作系统编辑字体系列规则。 弹出一个关于 vscode 已损坏的措辞非常粗略的通知，但是链接的文档很清楚，它只是不受官方支持。

Answer 3

在大多数 Linux 发行版中，如果您可以更改系统字体，我们可以选择更改系统范围内的字体。