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

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

那么,在所有的环境(Ubuntu, MAC OS和windows)中,哪种是Visual Studio代码编辑器的默认字体?我该如何改变呢?

638627 次浏览

在我的windows 8.1机器上,默认的VS Code字体是Consolas,但你可以在文件->首选项->用户首选项中轻松更改字体。设置。Json文件将与默认设置文件一起打开,从那里您可以采取设置属性的语法和名称,并在Settings . Json中设置自己的。enter image description here

Preferences > User Settings。(或者,macOS上的Ctrl + / Cmd + )

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

这里有一个例子:

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


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

有用的链接:

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

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

如何验证: VS Code在浏览器中运行。在第一个版本中,你可以按F12打开开发人员工具。检查DOM,您可以找到一个包含若干组成这一行代码的s。检查其中一个span,你可以看到font-family就是上面的列表

相关区域

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

< p > "editor.fontFamily": "Verdana","editor.fontFamily": "Monaco", < / p >

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

< p >然后"editor.fontSize": 16, 应该工作。< / p >

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

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

将fontSize设置为12,lineHeight设置为16,接近Visual Studio设置为Consolas,大小为10pt。我不能得到一个精确的匹配(VS Code字体略粗体),但足够接近。

默认字体在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\'';

另一种确定默认字体的方法是在设置中输入"editor.fontFamily",看看自动填充会显示什么。在Mac上,它默认显示:

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

这证实了安迪·李所说的。

vscode开放。

ctrl

设置为"editor.fontFamily"

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

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

您可以指定一个字体列表,以便在缺少字体的情况下具有回退值。

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

.你可以选择你想要的字体和颜色

由于VisualStudio现已更新(2019年)。你可以试试这个方法:

  • 进入“文件->首选项->设置”
  • 转到工作空间选项卡,然后是文本编辑器- >字体
  • 字体类型形式下,用逗号分隔你想使用的字体族名称 例如,我把这些字体放在我的工作区: 李单击查看我的工作区设置 < / >
< p >为windows 请按照以下步骤操作 后藤- >文件→偏好→设置
或 按CTRL +,(仅适用于windows) 你会看到设置页面,在左边找到文本编辑器选项卡,然后点击“字体”,然后添加任何有效的字体家族名称,你想应用到vscode