Setup your vscode with stylish fonts

settings.json

{
  "files.autoSave": "onFocusChange",
  "editor.tabSize": 2,
  "editor.multiCursorModifier": "ctrlCmd",
  "editor.wordWrap": "on",
  "editor.fontFamily": "Fira Code iScript",
  "editor.fontLigatures": true,
  "terminal.integrated.fontFamily": "'Fira Code iScript'",
  "emmet.includeLanguages": {
    "ejs": "html",
    "javascript": "javascriptreact",
    "vue-html": "html"
  },
  "editor.tokenColorCustomizations": {
    "textMateRules": [
      {
        "name": "Comment",
        "scope": ["comment", "punctuation.definition.comment"],
        "settings": {
          "fontStyle": "italic"
        }
      },
      {
        "name": "Storage",
        "scope": ["storage"],
        "settings": {
          "fontStyle": "italic bold",
          "foreground": "#7c73ca"
        }
      },
      {
        "name": "Keyword, Storage",
        "scope": ["Keyword", "Storage", "constant.language"],
        "settings": {
          "fontStyle": "italic"
        }
      },
      {
        "name": "Keyword Control",
        "scope": ["keyword.control"],
        "settings": {
          "fontStyle": "italic"
        }
      },
      {
        "scope": "entity.other.attribute-name",
        "settings": {
          "fontStyle": "italic"
        }
      },
      {
        "name": "entity.name.method.js",
        "scope": ["entity.name.method.js"],
        "settings": {
          "fontStyle": "italic"
        }
      },
      {
        "name": "Language methods",
        "scope": ["variable.language"],
        "settings": {
          "fontStyle": "italic"
        }
      },
      {
        "name": "HTML Attributes",
        "scope": [
          "text.html.basic entity.other.attribute-name.html",
          "text.html.basic entity.other.attribute-name"
        ],
        "settings": {
          "fontStyle": "italic"
        }
      },
      {
        "name": "Decorators",
        "scope": [
          "tag.decorator.js entity.name.tag.js",
          "tag.decorator.js punctuation.definition.tag.js"
        ],
        "settings": {
          "fontStyle": "italic"
        }
      },
      {
        "name": "ES7 Bind Operator",
        "scope": [
          "source.js constant.other.object.key.js string.unquoted.label.js"
        ],
        "settings": {
          "fontStyle": "italic"
        }
      },
      {
        "name": "Markup - Italic",
        "scope": ["markup.italic"],
        "settings": {
          "fontStyle": "italic"
        }
      },
      {
        "name": "Markup - Bold-Italic",
        "scope": [
          "markup.bold markup.italic",
          "markup.italic markup.bold",
          "markup.quote markup.bold",
          "markup.bold markup.italic string",
          "markup.italic markup.bold string",
          "markup.quote markup.bold string"
        ],
        "settings": {
          "fontStyle": "bold"
        }
      },
      {
        "name": "Markup - Quote",
        "scope": ["markup.quote"],
        "settings": {
          "fontStyle": "italic"
        }
      },
      {
        "scope": "variable.other",
        "settings": {
          "foreground": "#82fbff"
        }
      },
      {
        "scope": "entity.name.function",
        "settings": {
          "foreground": "#dfd9a8"
        }
      },
      {
        "scope": "support.function",
        "settings": {
          "fontStyle": "italic",
          "foreground": "#fde639"
        }
      },
      {
        "scope": "string",
        "settings": {
          // "foreground": "#9e604d"
        }
      }
    ]
  },
  "workbench.startupEditor": "newUntitledFile",
  "files.defaultLanguage": "markdown",
  "breadcrumbs.enabled": true,
  "editor.formatOnPaste": true,
  "window.zoomLevel": -1,
  "editor.formatOnSave": true,
  "[javascript]": {
    "editor.defaultFormatter": "vscode.typescript-language-features"
  },
  "terminal.integrated.rendererType": "dom"
}