调整VSCode字体需修改设置或编辑settings.json文件,可设置字体类型、大小、行高、粗细及连字效果,如使用Fira Code字体并开启ligatures提升代码美观性与阅读体验。

调整 VSCode 的字体大小和样式很简单,可以直接通过设置界面或修改配置文件来完成。
通过设置界面修改字体
打开 VSCode 后,点击左下角的齿轮图标进入“设置”,也可以使用快捷键 Ctrl + ,(macOS 上是 Cmd + ,)快速打开设置页面。
在搜索框中输入“font”可以找到以下关键选项:
- Editor: Font Family —— 设置编辑器使用的字体,比如 'Fira Code', 'Consolas', 'Source Code Pro' 等。多个字体可用逗号分隔,作为备选。
- Editor: Font Size —— 调整字体大小,单位是像素(px),通常设为 14 到 16 比较舒适。
- Editor: Line Height —— 设置行高,可选数值,如 1.2 或具体像素值,提升阅读体验。
- Editor: Font Weight —— 可设置字体粗细,如 normal、bold 等。
通过 settings.json 文件配置
如果你习惯手动编辑配置,可以打开用户设置的 JSON 文件进行更精确的控制。
操作步骤:
- 在设置界面右上角点击“打开设置 (JSON)”图标(一个花括号 {})。
- 在 settings.json 中添加或修改如下字段:
{
"editor.fontSize": 15,
"editor.fontFamily": "'Fira Code', Consolas, monospace",
"editor.fontWeight": "normal",
"editor.lineHeight": 1.5
}
保存后,编辑器会立即应用新样式。
启用编程连字(Ligatures)
如果你使用支持连字的字体(如 Fira Code、JetBrains Mono),可以在设置中开启:
- 勾选 Editor: Font Ligatures,或在 settings.json 中添加:
"editor.fontLigatures": true
开启后,代码中的操作符如 =>、!= 会显示为连体字符,视觉更美观。
基本上就这些,改完立刻生效,不复杂但容易忽略细节。










