Visual Studio代码编辑器使用的是哪种字体，如何更改字体？

Question

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

那么Visual Studio代码编辑器在所有环境（Ubuntu、MAC、OS和windows）中的默认字体是什么？我该如何更改它？

Answer 1

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

中设置您自己的属性

Answer 2

转到 Preferences > User Settings。（或者，Ctrl + , / Cmd + ,在 macOS 上）

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

这是一个例子：

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

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

有用的链接：

Default Settings

Answer 3

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

摩纳哥
门罗
安慰剂
"Droid Sans Mono"
"Inconsolata"
"Courier New"
等宽（回退）

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

Answer 4

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

"editor.fontFamily": "Verdana", 要么 "editor.fontFamily": "Monaco",

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

然后"editor.fontSize": 16, 应该管用。

Answer 5

在Windows上，默认设置如下（我从来没有安装过Monaco和Menlo）

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

将 fontSize 设置为 12，将 lineHeight 设置为 16，非常接近 Visual Studio 设置为 10pt 大小的 Consolas。我无法获得完全匹配（VS Code 字体略粗）但足够接近。

Answer 6

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 7

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

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

这证实了上面李安迪所说的

Answer 8

打开vscode。

按 ctrl,.

设置为"editor.fontFamily"。

在 Linux 上获取字体列表（以及您必须使用的字体名称）运行这在另一个 shell:

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

您可以指定一个字体列表，以在缺少字体时使用回退值。

Answer 9

转到主菜单上的“工具”->“选项”window。在环境容器下，您可以看到字体和颜色。你可以select你想要的字体和颜色。

Answer 10

由于 VisualStudio 现在已经更新（2019）。你可以试试这个方法：

转到文件->首选项->设置。
转到工作区选项卡，然后文本编辑器->字体
在 Font-Family 表格下，将您要使用的字体系列名称用逗号分隔例如，我已将这些字体放入我的工作区： Click to see my Workspace setting

Answer 11

对于windows 请按照以下步骤转到 -> 文件 -> 首选项 -> 设置
要么按 CTRL + ,（仅适用于 windows）你会看到设置页面，在左侧找到文本编辑器选项选项卡，然后单击“字体”，然后在其中添加你想要应用到的任何有效字体系列名称 vscode。

Visual Studio代码编辑器使用的是哪种字体，如何更改字体？

Which font is used in Visual Studio Code Editor and how to change fonts?

visual-studio-code