如何通过指定.ttf文件路径修改VS Code字体？

核心原因 #

VS Code只能调用系统已安装的字体，无法直接通过.ttf文件路径加载字体；且字体的系统识别名称常与文件名不一致，直接填文件名自然不生效。

操作步骤 #

1. 获取字体的系统识别名称

   • Windows：右键.ttf文件 → 「属性」→ 切换到「详细信息」标签，查看「标题」字段的值；或打开控制面板的「字体」，对应字体显示的名称即为识别名。
   • macOS：双击.ttf文件打开字体册，顶部显示的名称就是系统识别名；或终端执行 fc-list（需先安装Xcode命令行工具），搜索字体相关关键词找到对应名称。
   • Linux：终端执行 fc-list，结合关键词过滤（如 fc-list | grep "你的字体关键词"），输出结果中的名称即为系统识别名。

2. 将字体安装到系统

   • Windows：右键.ttf文件 → 「安装」；
   • macOS：双击.ttf文件 → 点击「安装字体」；
   • Linux：将.ttf文件移动到 /usr/share/fonts 或 ~/.fonts 目录，再执行 fc-cache -fv 更新字体缓存。

3. 修改VS Code配置
   打开VS Code，按 Ctrl+,（Windows/Linux）或 Cmd+,（macOS）打开设置面板，搜索「Font Family」，点击「编辑 in settings.json」，将获取到的系统识别名称填入，示例：

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

   若字体名称包含空格，需用单引号或双引号包裹。

4. 验证生效
   重启VS Code，检查编辑器字体是否已变更。若仍不生效，排查字体名称拼写是否正确、字体是否安装成功。

内容的提问来源于stack exchange，提问作者Richard