How can I use IBMPlexMono-Italic font on VSCode for Windows 10?

Question

I've installed (from Google fonts) and configured this one on VSCode of macOS, then it works well.

"editor.fontFamily": "'IBMPlexMono-Italic', 'Fira Code', sans-serif",

But I do the same thing on Windows 10, with the newest version of VSCode, but it doesn't work. Already tried with Github build source, it doesn't work also.

How to solve this problem? Thanks.

Answer 1

In Windows 10, the font names are different. For IBMPlexMono, you need to change it to IBM Plex Mono. See below:

Change this: "editor.fontFamily": "'IBMPlexMono', 'Fira Code', sans-serif",

to: "editor.fontFamily": "'IBM Plex Mono', 'Fira Code', sans-serif",.

Kindly note, some of the fonts do not work (correctly) on VS Code.

The italic based font do not work at the moment. These are the lists of working font types in their right name for VS Code.

IBM Plex Mono Bold
IBM Plex Mono ExtraLight
IBM Plex Mono Light
IBM Plex Mono Medium
IBM Plex Mono (Same as Regular)
IBM Plex Mono Semi Bold
IBM Plex Mono Thin

Answer 2

Here's the answer for getting the italics to work correctly in VS Code.

To set up italics correctly reference the following config:

"editor.tokenColorCustomizations": {
  "[*Light*]": {
    "textMateRules": [
      {
        "scope": "ref.matchtext",
        "settings": {
          "foreground": "#0E030E"
        }
      },
      {
        "scope": [
          "comment",
          "comment.block.documentation"
        ],
        "settings": {
          "fontStyle": "italic"
        }
      },
      {
        "scope": [
          "keyword",
          "storage",
          "italic"
        ],
        "settings": {
          "fontStyle": "italic"
        }
      },
      {
        "scope": [
          "entity.other.attribute-name",
          "variable.language"
        ],
        "settings": {
          "fontStyle": "italic"
        }
      }
    ]
  },
  "[*Dark*]": {
    "textMateRules": [
      {
        "scope": "ref.matchtext",
        "settings": {
          "foreground": "#FEFAFF"
        }
      },
      {
        "scope": [
          "comment",
          "comment.block.documentation"
        ],
        "settings": {
          "fontStyle": "italic"
        }
      },
      {
        "scope": [
          "keyword",
          "storage",
          "italic"
        ],
        "settings": {
          "fontStyle": "italic"
        }
      },
      {
        "scope": [
          "entity.other.attribute-name",
          "variable.language"
        ],
        "settings": {
          "fontStyle": "italic"
        }
      }
    ]
  }
},