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

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

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

那么在所有环境(Ubuntu,MAC OS和Windows)中,Visual Studio Code Editor的默认字体是什么? 我该如何更改?


转到Preferences> User Settings。 (或者,在macOS上为Ctrl + / Cmd + )

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

这是一个例子:

1
2
3
4
5
// Controls the font family.
"editor.fontFamily":"Consolas",

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

有用的链接:

  • 默认设置


在默认设置中,VS Code以降序使用以下字体(14 pt):

  • 摩纳哥
  • 门洛
  • Consolas
  • " Droid Sans Mono"
  • " Inconsolata"
  • "快递"
  • 等宽(后备)

如何验证:
VS Code在浏览器中运行。在第一个版本中,您可以按F12键打开"开发人员工具"。检查DOM,您会发现一个包含多个的组成该行代码。查看这些跨度之一,您可以看到font-family只是上面的列表。

relevant areas


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

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

确实,可以使用任何喜欢的字体系列。

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


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

1
2
3
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\'';

在我的Windows 8.1机器上,默认的VS Code字体是Consolas,但是您可以在File-> Preferences-> User Preferences中轻松更改字体。 setting.json文件将与默认设置文件一起打开,您可以在其中获取设置属性的语法和名称,并在settings.json中设置自己的属性。enter image description here


在Windows上,默认设置如下(我从未安装Monaco或Menlo)

1
2
3
4
5
{
   "editor.fontFamily":"Consolas",
   "editor.fontSize": 14,
   "editor.lineHeight": 19
}

将fontSize设置为12,将lineHeight设置为16,将Visual Studio设置为Consolas的大小近似为10pt。我无法完全匹配(VS Code字体稍大胆),但足够接近。


打开vscode。

ctrl

设置为"editor.fontFamily"

在Linux上,要获取字体列表(以及必须使用的名称),请在另一个shell中运行此列表:

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

您可以指定字体列表,以具有备用值,以防字体丢失。


确定默认字体的另一种方法是开始在设置中键入"editor.fontFamily",然后查看自动填充的含义。在Mac上,默认情况下显示:

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

这证实了李国宝的上述看法。


由于VisualStudio现在已更新(2019)。您可以尝试以下方法:

  • 转到文件->首选项->设置。
  • 转到工作区选项卡,然后单击文本编辑器->字体
  • 在"字体系列"形式下,将要使用的字体系列名称用逗号分隔。
    例如,我已经将这些字体放在我的工作区中:
    单击以查看我的工作区设置

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