fonts - 如何让 Visual Studio Code 在格式化代码中显示斜体字体？

Question

如何配置 VS Code 以支持斜体样式，如图所示？

我当前的设置:

{
  "editor.fontLigatures": true,
  "editor.fontFamily": "Operator Mono"
}

Answer 1

这个问题的直接答案是( from this github page ):

将此添加到 settings.json(ctrl + , 或 cmd + , )

"editor.tokenColorCustomizations": {
  "textMateRules": [
    {
      "scope": [
        //following will be in italic (=FlottFlott)
        "comment",
        "entity.name.type.class", //class names
        "keyword", //import, export, return…
        "constant", //String, Number, Boolean…, this, super
        "storage.modifier", //static keyword
        "storage.type.class.js", //class keyword
      ],
      "settings": {
        "fontStyle": "italic"
      }
    },
    {
      "scope": [
        //following will be excluded from italics (VSCode has some defaults for italics)
        "invalid",
        "keyword.operator",
        "constant.numeric.css",
        "keyword.other.unit.px.css",
        "constant.numeric.decimal.js",
        "constant.numeric.json"
      ],
      "settings": {
        "fontStyle": ""
      }
    }
  ]
}

当然，您还可以在范围中提供其他关键字。检查VS Code's documentation和 scope keywords .

说明:

当您为 VS Code 定义字体(例如 OP 的 Operator Mono)时，所有内容都会以该字体呈现。为了实现 OP 图像中的外观，您需要对某些元素应用不同的字体样式(斜体/粗体)。另外，如果您的字体具有显着不同的斜体样式(例如 Operator Mono 具有草书连字)，您将获得与 OP 图像类似的外观。

<小时/>

其他注意事项

为了使您的斜体看起来与普通文本不同，您需要使用斜体看起来不同的字体。这样的字体是 OperatorMono(付费)，或 FiraCodeiScript (免费)，或FiraFlott (自由的)。我个人更喜欢 FiraCodeiScript。

要使斜体字符链接起来(它们之间没有间距)，就像书写草书一样，您需要启用字体连字:

要执行上述操作，请确保您的 settings.json 具有以下内容:

{
  "editor.fontLigatures": true,
  "editor.fontFamily": "'Fira Code iScript', Consolas, 'Courier New', monospace"
}

其余字体不是必需的，但它们是后备字体，以防您丢失第一个字体。名称中带有空格的字体通常需要单引号'。此外，您可能需要重新启动 VS Code。