VS Code中如何设置字体连字与主字体使用不同字体？

可以实现主字体用Cascadia Code、连字用Fira Code的需求，具体步骤如下：

1. 确保你的系统已经安装了Fira Code字体（未安装的话先完成安装）。
2. 打开VS Code的settings.json配置文件：
   • 按下Ctrl+,（Windows/Linux）或Cmd+,（Mac）打开设置面板，点击右上角的{}图标进入JSON编辑模式。
3. 修改以下配置项：

   "editor.fontFamily": "'Cascadia Code', 'Fira Code', monospace",
   "editor.fontLigatures": "'calt', 'liga' 0, 'dlig' 0, 'ss01', 'ss02', 'ss03', 'ss04', 'ss05', 'ss06', 'zero', 'onum', 'tnum'"
   

配置说明 #

• editor.fontFamily：将Cascadia Code设为主字体，Fira Code作为后备字体，仅当主字体无法渲染特定字符/特性时，才会调用Fira Code。
• editor.fontLigatures：
  • 'liga' 0 和 'dlig' 0：禁用Cascadia Code自带的标准连字与可选连字，避免它自行渲染连字样式。
  • 'calt'：启用上下文替代，这是连字功能正常工作的基础。
  • 'ss01'到'ss06'及'zero'等：这些是Fira Code特有的连字和字符变体特性，Cascadia Code不支持这些特性，因此VS Code会自动用Fira Code渲染对应样式，普通代码字符仍保持Cascadia Code的显示效果。

如果上述配置生效不明显，可尝试更明确的后备字体配置：

"editor.fontFamily": "'Cascadia Code', monospace",
"editor.fontFamilyFallback": ["'Fira Code'"],
"editor.fontLigatures": "'calt', 'liga' 0, 'dlig' 0, 'ss01' 1, 'ss02' 1, 'ss03' 1, 'ss04' 1, 'ss05' 1, 'ss06' 1, 'zero' 1, 'onum' 1, 'tnum' 1"

配置完成后，输入->、==、!=这类连字字符，就能看到Fira Code的连字样式，普通代码字符则保持Cascadia Code的字体效果。

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