241

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

那么 Visual Studio Code Editor 在所有环境(Ubuntu、MAC OS 和 windows)中的默认字体是什么?我怎样才能改变它?

4

11 回答 11

250

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

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

这是一个例子:

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

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

有用的链接:

于 2015-04-30T07:14:27.120 回答
111

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

  • 摩纳哥
  • 门洛
  • 康索拉斯
  • “Droid Sans Mono”
  • 《不告而别》
  • “快递新”
  • 等宽(后备)

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

相关领域

于 2015-06-02T19:57:33.970 回答
32

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\'';
于 2017-08-29T05:49:45.527 回答
22

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

"editor.fontFamily": "Verdana", 或者 "editor.fontFamily": "Monaco",

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

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

于 2015-06-04T20:31:48.297 回答
16

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

于 2015-04-30T06:54:59.907 回答
13

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

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

将 fontSize 设置为 12 并将 lineHeight 设置为 16 非常接近 Visual Studio 设置为 Consolas 的 10pt 大小。我无法得到完全匹配(VS Code 字体稍微粗一些)但足够接近。

于 2016-04-13T19:17:03.593 回答
5

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

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

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

于 2018-06-01T16:45:22.310 回答
4

打开vscode。

ctrl,

设置是"editor.fontFamily"

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

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

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

于 2018-10-13T04:54:20.903 回答
4

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

  • 转到文件->首选项->设置
  • 转到工作区选项卡,然后文本编辑器->字体
  • Font-Family形式下,将要使用的字体系列名称用逗号分隔 例如,我已将这些字体放入我的工作区: 单击以查看我的工作区设置
于 2019-10-11T16:06:37.167 回答
0

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

于 2019-07-07T16:52:21.477 回答
0

对于 Windows,请按照以下步骤转到 -> 文件 -> 首选项 -> 设置
或按 CTRL + ,(仅适用于 Windows)您将看到设置页面,在左侧找到文本编辑器选项选项卡,然后单击“字体”,然后添加任何您要应用于 vscode 的有效字体系列名称。

于 2020-08-18T08:56:50.527 回答