首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何在VS代码中同时使用Victor Mono的斜体和斜体?

如何在VS代码中同时使用Victor Mono的斜体和斜体?
EN

Stack Overflow用户
提问于 2020-03-18 20:06:47
回答 1查看 4K关注 0票数 2

Victor Mono字体系列提供独特的斜字体和斜体字体。我想对comment.block.documentation作用域使用斜体,对其他评论作用域使用斜体。然而,显而易见的settings.json部分:

代码语言:javascript
复制
    "editor.tokenColorCustomizations": {
        "textMateRules": [
        {
          "name": "Documentation",
          "scope": "comment.block.documentation",
          "settings": { "fontStyle": "italic" }
        },
        {
          "name": "Comment",
          "scope": "comment",
          "settings": { "fontStyle": "oblique" }
        },
      ]
    }

不起作用,因为呈现引擎似乎将“斜”和“斜体”解释为“在要加载的最后一个字体文件中提供了斜体或斜体。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-03-18 20:06:47

我调整了一种支持VS代码中多个字体的先前出版方法,然后将问题语句转换为该表单。该解决方案使用两个“字体族”:一个名为"Victor Mono媒体“,是”真正的“字体家族,提供普通和斜体样式以及无法访问的斜体样式;另一个名为"Victor Mono媒体斜”,只提供普通和斜样式,仅用于斜样式。

作为简化,我选择牺牲使用下划线字体样式的能力。这对于我的用例来说是可以接受的,并且大大简化了解决方案。这样做的方法是:

  1. 使用标准的tokenColorCustomizations机制,在需要斜体的地方使用fontStyle: "italic",在需要斜体的地方使用fontStyle: "underline"
  2. 使用“启用自定义CSS和JS”扩展,提供自定义CSS文件。
  3. 在自定义CSS文件中,创建一个具有斜体但不是斜体样式的@font-face
  4. 在自定义CSS文件中,将fontStyle: "underline"的样式更改为斜面字体,而不是下划线。

安装“启用自定义CSS和JS”并按照其说明使用自定义CSS文件,并将VictorMono-MediumOblice.otf字体文件复制到选定的位置后,下面是我的settings.json的相关内容:

代码语言:javascript
复制
...
    "editor.fontLigatures": true,
    "editor.fontFamily": "'Victor Mono Medium'",
    "vscode_custom_css.imports": ["file:///MYPATH/.vscode/style.css"],
    "vscode_custom_css.policy": true,
    "editor.tokenColorCustomizations": {
        "textMateRules": [
        {
          "name": "Documentation",
          "scope": "comment.block.documentation",
          "settings": { "fontStyle": "italic" }
        },
        {
          "name": "Comment",
          "scope": "comment",
          "settings": { "fontStyle": "underline" }
        },
      ]
    },
...

我的style.css:

代码语言:javascript
复制
/* Replace underline with oblique */
@font-face {
    font-family: 'Victor Mono Medium Oblique';
    src: url('file:///MYPATH/VictorMono-MediumOblique.otf');
}
.mtku {  
    font-family: 'Victor Mono Medium Oblique';
    font-style: oblique;
    text-decoration: none;
}
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/60746818

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档