Visual Studio Code 编辑器使用的字体是什么，如何更改字体？

Question

Visual Studio Code 编辑器使用的字体是什么，如何更改字体？

290

我尝试了在Build上最近发布的Visual Studio Code编辑器(https://code.visualstudio.com/)，并在Windows和Ubuntu上进行了测试。我发现Visual Studio Code编辑器的默认字体不是我在代码编辑器中偏爱的Consolas字体。

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

- Jalpesh Vadgama

你是不是指的是Visual Studio代码编辑器？ - Santhucool

是的- http://code.visualstudio.com/ 这个。 - Jalpesh Vadgama

2

VS Code本身的选项卡标题、菜单和其他文本所使用的字体，与编辑器中的代码等内容不同，目前是Arial。 - Magnus Lind Oxlund

Linux 上的默认字体非常难看，即使放大字号也比 Sublime Text 的字体不易读。而且更换字体甚至都没有作用！！ - xjcl

最新的字体是 Cascadia Mono，如果有人访问此链接 > 2022 年中期，请从 https://github.com/microsoft/cascadia-code 下载。 - Vyas Bharghava

11个回答

125

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

Monaco
Menlo
Consolas
"Droid Sans Mono"
"Inconsolata"
"Courier New"
monospace（备选项）

验证方法： VS Code在浏览器中运行。在第一个版本中，您可以按F12打开开发者工具。检查DOM，您可以找到包含多个的

，这些组成了该行代码。检查其中一个，您会发现font-family就是上面的列表。

- Sebastian

我得到了"Segoe WPC","Segoe UI",SFUIText-Light,HelveticaNeue-Light,sans-serif,"Droid Sans Fallback"。如果有影响，我正在Archlinux中使用它。 - aloisdg

这就解释了为什么载入速度有点慢。我试过"editor.fontFamily": "Windings"来验证字体设置是否起作用。尺寸部分起作用了。但对于相同的字体，它看起来比Notepad++上的字体要小。（但这也可能是由于在浏览器中运行而引起的） - Paul McCarthy

7

如何添加其他字体系列，例如“Source Code Pro”？ - Dale

VSCode在不同的操作系统家族中使用不同的字体。请查看我的答案以了解详细信息。 - Andy Li

我们在哪里可以找到VSCode允许的所有可能字体的完整列表？ - Gel

1

@Gel，vscode允许的所有可能字体的完整列表应该是您操作系统中安装的所有字体的完整列表，或者至少是那些不是TTF和OTF之前的古老格式的字体。到今天为止，我认为Windows和macOS上99％或更多的字体都是TTF或OTF。 - Sebastian

44

在 Windows、Mac 和 Linux 上，默认字体不同。从 VSCode 1.15.1 开始，默认字体设置可以在源代码中找到:

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\'';

- Andy Li

23

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

例如："editor.fontFamily": "Verdana", 或者 "editor.fontFamily": "Monaco", 实际上，使用任何你喜欢的字体族都可以。

然后，"editor.fontSize": 16, 就可以工作了。

- John Galbraith

这是我第一次看到有人提到必须有一个非空的 fontFamily 才能使用字体大小。为我解决了一个问题。 - Alex White

2

这个不再是真的了。使用未设置fontFamily（默认新安装）更改fontSize可以正常工作。 - jblaine

Verdana 可以使用，但 Monaco 在我的 VS Code 1.60 版本中无法使用。 - Kamlesh

16

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

- Nikita Kunevich

15

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

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

将字体大小设置为12，行高设置为16，可以接近于10pt大小的Consolas字体在Visual Studio中的显示效果。虽然无法完全匹配（VS Code字体略微粗体），但非常接近。

- Axel Rietschin

12

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

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

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

- shacker

8

打开 vscode。

按下 ctrl,。

设置是 "editor.fontFamily"。

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

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

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

- sjas

7

自 VisualStudio 更新至 2019 版本后，您可以尝试以下方法：

进入“文件”->“首选项”->“设置”。
进入 工作区选项卡，然后进入 文本编辑器->字体
在 字体族 表单下，以逗号分隔输入您想使用的字体家族名称。例如，我已经将这些字体放在我的工作区中：点击查看我的工作区设置

- Hemant Singh

0

对于Windows系统，请按照以下步骤进行操作：前往 -> 文件 -> 首选项 -> 设置
或者按下CTRL + ,（仅适用于Windows系统）您将看到设置页面，在左侧找到文本编辑器选项卡，然后单击“字体”，然后在其中添加任何有效的字体系列名称，以便应用于VSCode。

- Mitesh vaghela

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- John Papa · Accepted Answer

前往 Preferences > User Settings（或者在 macOS 上使用 Ctrl + , / Cmd + ,）。然后，您可以在 JSON 对象内键入任何要覆盖的设置。用户设置是每个用户独有的。您还可以配置工作区设置，这些设置适用于您当前正在使用的项目。

以下是一个示例：

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

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

有用的链接：

默认设置