How do I get Visual Studio Code to display italic fonts in formatted code?

Question

How do I configure VS Code to support italic styles, like in this picture?

My current settings:

Answer 1

First download a zip file from here. Then unzip it and install every file that has the .ttf extention by double clicking on it. After that go to VS Code and open settings with CMD + , or CTRL + , (on Windows machines) and type font. Under font family paste this 'Fira Code iScript' (include single quotations). This will start using fira code as the main font now. Only thing remaining is to add settings and tell VS Code when to actually utilize recursive fonts. For that, still in settings, type token color click on Token Color Customizations - open it in settings.json and paste this sucker in:

"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": ""
            }
          }
        ]
    },

That should do it for you! Remember to save the settings file!