【问题标题】：How can I change vscode sidebar font family如何更改 vscode 侧边栏字体系列
【发布时间】：2020-07-17 15:20:07
【问题描述】：

如何更改侧边栏中所有文本的字体系列？

我不喜欢默认字体，我在settings.json 中找不到任何关于侧边栏字体系列的信息。

【问题讨论】：

【解决方案1】：

只是想添加到已接受的答案中。

.explorer-viewlet 类仅针对侧边栏中的资源管理器视图，但如果您想针对侧边栏中的其他视图，例如源代码控制、扩展、查找等。您可以使用更通用的类，例如以下 sn -p 下面：

.split-view-view > .sidebar > .content > .viewlet{
   font-family: "Victor Mono" !important;
}

此外，如果您想定位 viewlet 的标题，您可以使用以下内容：

.split-view-view>.sidebar> .title > .title-label > h2 {
    font-family: "Victor Mono" !important;
    font-weight: bold;
    font-size: 14px;
    font-style: italic;
 }

哦，如果你想知道如何找到这些类名，你可以按F1（Command）键并输入Toggle Developer tools，然后你就可以像在任何其他网站上一样进行检查了。

你可以用 is 超级疯狂（但就像扩展程序说你应该非常小心！）。

【讨论】：

【解决方案2】：

1。一种选择

这显然目前在 VS Code 中没有原生支持。但是，有扩展。其中之一是：Custom CSS and JS Loader，这是我在this answer 的帮助下找到的。

找到要更改的 CSS 类并非易事 - 下面的示例来自 this comment - 我不确定您是否想要更改。但是，例如，如果您想更改资源管理器的字体，您可以使用 — install Fira Code 首先如果您想复制下面的示例 ipsis litteris —：

.explorer-viewlet { 
  font-family: "Fira Code"; 
  font-weight: bold; 
}

2。遵循扩展的说明

无论如何，您还需要非常认真地执行每个安装步骤：

安装此扩展程序。
添加到 settings.json：
```
"vscode_custom_css.imports": [""],
"vscode_custom_css.policy": true,
```
非常重要：vscode_custom_css.imports 中的项目必须是 URL。普通文件路径不是 URL。 Windows 文件 URL 示例：file:///C:/Users/MyUserName/Documents/custom.css。 C:/ 部分是必需的。 MacOS 和 Linux 文件 URL 示例：file:///Users/MyUserName/Documents/custom.css。
使用适当的权限重新启动 VS Code 以修改自身：
Windows：以管理员权限重新启动。 MacOS 和 Linux：请参阅下面的说明。
激活命令“重新加载自定义 CSS 和 JS”。
重新启动。

【讨论】：