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


187

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

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


您是说Visual Studio代码编辑器吗?
Santhucool 2015年


1
用于标签标题,菜单和VS Code本身的其他文本的字体,与诸如编辑器中的代码之类的内容相反,当前是Arial。
马格纳斯·林德·奥克斯隆德(Marnus Lind Oxlund)'18年

Answers:


206

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

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

这是一个例子:

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

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

有用的链接:


您是否知道在未设置任何内容的情况下VSCode使用的默认字体设置(系列,大小,粗细)?
gligoran 2015年

我认为它是摩纳哥,大小似乎在12到13之间
John Papa

1
只是为了确认在Windows 8.1中该字体为Monaco,并且至少在我的3200x1800屏幕中,默认字体大小为14。这是Intellij Idea中与Monaco 14的比较(代码为蓝色):!代码/创意
LeoLozes,2015年

2
它没有任何作用...我仍然看到相同的字体。我应该强制更新设置吗?例如重启vscode?即使重新启动后也没有变化
Prokop Hapala '17

1
保存后,如果它没有更改,请确保重新启动Visual Studio Code。您可能需要更改两个点。一种是文件->首选项->设置。另一个是如果您有一个.vscode文件夹,则其下将有一个settings.json文件。
布雷登·布朗

98

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

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

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

相关领域


我知道了"Segoe WPC","Segoe UI",SFUIText-Light,HelveticaNeue-Light,sans-serif,"Droid Sans Fallback"。如果重要的话,我在archlinux中使用它。
aloisdg移至codidact.com,2016年

这就解释了为什么加载有点慢。我尝试了“ editor.fontFamily”:“ Windings”,以验证字体设置不起作用。尺寸部分确实起作用。但是,对于相同的字体,它最好小于Notepad ++上的大小。(但这也可能是由于它在浏览器中运行引起的)
Paul McCarthy

4
如何添加其他字体家族,例如“ Source Code Pro”?
戴尔

VSCode在不同的OS系列中使用不同的字体。看到我的答案的细节。
李迪

21

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

19

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

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

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

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


这是我唯一一次看到有人提到必须使用非空白fontFamily才能使用字体大小。为我解决了一个问题。
亚历克斯·怀特

2
这不再是事实。在未设置fontFamily的情况下更改fontSize(默认为全新安装)可以正常工作。
jblaine

15

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


10

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

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

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


3

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

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

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


3

打开vscode。

ctrl,

设置为"editor.fontFamily"

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

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

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



0

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

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.