How do I change VS Code Settings to use JetBrains Mono Font

I've downloaded and installed the JetBrains Mono font https://www.jetbrains.com/lp/mono/

I'm trying to set VS Code to use it.

I've added the following lines to my settings.json file:

    // Set the font
    "editor.fontFamily": "Consolas, 'Courier New', monospace", // Copied from current settings
    // Turn on font ligatures
    "editor.fontLigatures": true, // Override default value of false

My question is: what do I need to put in the editor.fontFamily section to get JetBrains to be used?

I've tried "editor.fontFamily": "JetBrains, Consolas, 'Courier New', monospace" without success.


Open the VSCode Settings (Code -> Preferences -> Settings), then add to the end of the User Settings JSON file:

  "editor.fontFamily": "JetBrains Mono",
  "editor.fontSize": 13,
  "editor.fontLigatures": true

Building on what @Grekkq and @Gyliph provided, this is how my settings look:

    // Set the font
    "editor.fontFamily": "'JetBrains Mono', Consolas, 'Courier New', monospace",
    // Set the font size
    "editor.fontSize": 13,
    // Turn on font ligatures
    "editor.fontLigatures": true,
    // Set letter spacing
    "editor.letterSpacing": 0.4,
    // Enable smooth scrolling in the editor
    "editor.smoothScrolling": true,

The trick to adding JetBrains Mono to the current list of font families was to wrap 'JetBrains Mono' in single quotes (since there is a space in the font name).


Just this will be enough

"editor.fontFamily": "JetBrains Mono"

And if u want ligatures as well

"editor.fontLigatures": true

The easiest way is: open settings Ctrl+, choice Text Editor -> Font, and add this 'JetBrains Mono' to the font family. Also from there you can change font weight and size, then restart your VS Code to see the change

enter image description here

Or in settings.json file, press ctrl+shift+p search for seetings.josn, and then add those lines.

  "editor.fontFamily": "JetBrains Mono", // Font Family
  "editor.fontSize": 11.3, // Font Size
  "editor.fontWeight": "bold", // Font Weight
  "editor.fontLigatures": true, // Font ligatures