目录

1. 引言
2. 字体选择
   • 英文字体：FireCode
   • 中文字体：HarmonyOS Sans
3. 字体安装
   • 方法一：右键安装
   • 方法二：系统设置
4. VS Code设置
   • 编辑setting.json文件
   • 通过VS Code界面设置
5. 效果展示

引言

在日常开发中，代码编辑器的字体设置对提高编码效率和阅读体验至关重要。本文将详细介绍如何在VS Code中设置优雅的中英文字体，使您的开发环境更加舒适。

字体选择

英文字体：FireCode

FireCode 是VS Code团队中流行的字体，它支持连笔显示，字体更加立体，能够提升代码的可读性。

中文字体：HarmonyOS Sans

HarmonyOS Sans 是华为推出的一款无衬线字体，适用于多种场景，尤其适合编程环境。您可以从华为开发者网站下载该字体。

当然，我个人现在用的是这两种字体（主要是系统的看腻了^_），可以安装个人喜好安装自己喜欢的字体。

字体安装

方法一：右键安装

1. 解压下载的字体文件。
2. 进入解压后的文件夹，选中所有的 .ttf 文件。
3. 右键点击选中的文件，选择“安装”。

方法二：系统设置拖入安装

1. 解压下载的字体文件。
2. 打开系统设置 -> 个性化 -> 字体。
3. 将解压后的所有 .ttf 文件拖入到字体设置窗口中。

VS Code设置

编辑setting.json文件

1. 打开VS Code。
2. 按 Ctrl + , 打开设置面板。
3. 在搜索栏中输入 settings.json，然后点击“打开设置（JSON）”。
4. 在 settings.json 文件中添加以下内容：

   "editor.fontFamily": "'Fira Code', 'HarmonyOS Sans SC', 'Courier New', monospace",
   

通过VS Code界面设置

1. 打开VS Code。
2. 按 Ctrl + , 打开设置面板。
3. 在搜索栏中输入 font family。
4. 在 Editor: Font Family 中输入：

   'Fira Code', 'HarmonyOS Sans SC', 'Courier New', monospace
   

效果展示

设置完成后，重启VS Code以使更改生效。