You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

VS Code能否按语法高亮作用域配置多字体?如何修改settings.json实现

在VS Code中基于语法作用域使用不同字体

可以通过VS Code的editor.tokenColorCustomizations配置实现基于语法作用域指定不同字体,具体修改步骤如下:

1. 调整全局默认字体

首先将全局默认字体设置为通用字体(这里是Cascadia Code),确保大部分内容使用该字体:

"editor.fontFamily": "'Cascadia Code', Consolas, 'Courier New', monospace",

2. 为指定作用域配置专属字体

在你的textMateRules规则中,为目标作用域添加fontFamily属性,指定使用"Fira Code iScript"字体:

"editor.tokenColorCustomizations": { 
    "textMateRules": [
        {
            "name": "purple cursive",
            "scope": [
                "keyword",
                "keywords",
                "entity.name.type.class", // class names
                "javascript"
            ],
            "settings": {
                "foreground": "#a66cff",
                "fontStyle": "italic",
                "fontFamily": "'Fira Code iScript'"
            }
        }
    ]
},

关键说明:

  • 全局字体设置优先级低于作用域专属配置,因此匹配到scope列表中规则的内容会自动使用指定的"Fira Code iScript"字体,其余内容保持默认的Cascadia Code。
  • 确保你的系统已经安装了"Fira Code iScript"和"Cascadia Code"两种字体,否则VS Code会自动 fallback 到后续的备选字体。
  • 注意移除JSON中多余的尾逗号(比如原配置中fontStyle后的逗号),避免配置解析错误。

内容的提问来源于stack exchange,提问作者Farshad

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.08 04:05:05