Visual Studio代码编辑器中使用哪种字体以及如何更改字体？

Question

我尝试了最近在构建时宣布的Visual Studio代码编辑器（https://code.visualstudio.com/）。我在Windows和Ubuntu上试过它。我可以看到Visual Studio Code Editor的默认字体不是我喜欢的代码编辑器的consolas。

那么在所有环境（Ubuntu，MAC OS和Windows）中哪个是Visual Studio Code Editor的默认字体？我怎么能改变它？

Answer 1

去Preferences> User Settings。 （或者，在macOS上按Ctrl +，/ Cmd +）

然后，您可以在JSON对象内键入要覆盖的任何设置。用户设置是每个用户。您还可以配置工作区设置，这些设置适用于您当前正在处理的项目。

这是一个例子：

// Controls the font family.
"editor.fontFamily": "Consolas",

// Controls the font size.
"editor.fontSize": 13

---

有用的链接：

• Default Settings

Answer 2

在默认设置中，VS Code按降序使用以下字体（14 pt）：

• 摩纳哥
• 门罗
• 游戏机
• “没有钱的机器人”
• “Inconsolata”
• “Courier New”
• 等宽（后备）

---

如何验证：VS Code在浏览器中运行。在第一个版本中，您可以按F12打开开发人员工具。检查DOM，您可以找到包含几个构成该行代码的s。检查其中一个跨度，您可以看到font-family只是上面的列表。

Answer 3

在VSCode中，如果"editor.fontFamily": ""为空，则字体大小将不起作用。设置字体系列以更改大小。

"editor.fontFamily": "Verdana",或"editor.fontFamily": "Monaco",

真的，使用你喜欢的任何字体系列。

然后"editor.fontSize": 16,应该工作。

Answer 4

在我的Windows 8.1机器上，默认的VS Code字体是Consolas，但您可以在文件 - >首选项 - >用户首选项中轻松更改字体。 setup.json文件将与默认设置文件一起打开，您可以从中获取设置属性的语法和名称，并在settings.json中设置您自己的设置属性。

Answer 5

Windows，Mac和Linux的默认字体不同。从VSCode 1.15.1开始，可以在source code中找到默认的字体设置：

const DEFAULT_WINDOWS_FONT_FAMILY = 'Consolas, \'Courier New\', monospace';
const DEFAULT_MAC_FONT_FAMILY = 'Menlo, Monaco, \'Courier New\', monospace';
const DEFAULT_LINUX_FONT_FAMILY = '\'Droid Sans Mono\', \'Courier New\', monospace, \'Droid Sans Fallback\'';

Answer 6

在Windows上，默认设置如下（我从未安装过Monaco或Menlo）

{
    "editor.fontFamily": "Consolas",
    "editor.fontSize": 14,
    "editor.lineHeight": 19
}

设置字体大小为12和行高度为16非常接近Visual Studio设置为Consolas大小为10pt。我无法得到完全匹配（VS Code字体稍微大胆）但足够接近。

Answer 7

确定默认字体的另一种方法是在设置中开始键入"editor.fontFamily"并查看自动填充建议的内容。在Mac上，它默认显示：

"editor.fontFamily": "Menlo, Monaco, 'Courier New', monospace",

这证实了Andy Li上面所说的内容。

Answer 8

打开vscode。

按ctrl，。

设置是"editor.fontFamily"。

在Linux上获取字体列表（以及它们必须使用的名称）在另一个shell中运行它：

fc-list | awk '{$1=""}1' | cut -d: -f1 | sort| uniq

您可以指定字体列表，以便在缺少字体时具有后备值。

Answer 9

转到主窗口菜单上的工具 - >选项。在Environment容器下，您可以看到字体和颜色。您可以选择所需的字体和颜色。