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

Visual Studio-CodeFontsJetbrains Font

Visual Studio-Code Problem Overview


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.

Visual Studio-Code Solutions


Solution 1 - Visual Studio-Code

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

Solution 2 - Visual Studio-Code

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).

Solution 3 - Visual Studio-Code

Just this will be enough

"editor.fontFamily": "JetBrains Mono"

And if u want ligatures as well

"editor.fontLigatures": true

Solution 4 - Visual Studio-Code

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

Solution 5 - Visual Studio-Code

I struggled to change fonts in VS Code, but now it's working every time I want to change it. In order to change the font, please follow these instructions:

  1. Download the font
  2. Click on the ttl file you just downloaded and click on install
  3. CLOSE VS CODE AND RE OPEN IT.
  4. Go into VS Code and change the font you want; e.g., JetBrains Mono

The trick is to CLOSE & RE OPEN VS CODE

#THANKS TO PINAKI FOR THE SOLUTION

Solution 6 - Visual Studio-Code

First, you will enter your preferences -> settings -> Text Editor -> Font

And then you can click and edit your settings.json there

How to find font settings

Then, you can edit your settings there, like you can see below. Here is what my font settings looks like (including a visual demo of JetBrains in it!):

My settings

Solution 7 - Visual Studio-Code

For people trying to follow along and are noob like me: YOU NEED TO DOWNLOAD THE FONT FIRST!

https://www.jetbrains.com/lp/mono/

Then unpack, select all of them, right-click any of them and choose INSTALL.

In VS Code settings.json (search for font in settings and you will see this) write:

"editor.fontFamily": "JetBrains Mono", <-- Don't forget this comma

RESTART VSCODE

Enjoy.

Solution 8 - Visual Studio-Code

You maybe notice that the default weight isn't right, so to change to be the same in e.g. PyCharm:

"editor.fontFamily": "JetBrainsMonoRoman-Light",

I got this from going to user installed fonts -> the info tab on the top -> PostScript name

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionDeejersView Question on Stackoverflow
Solution 1 - Visual Studio-Codeuser12292652View Answer on Stackoverflow
Solution 2 - Visual Studio-CodeDeejersView Answer on Stackoverflow
Solution 3 - Visual Studio-CodeGrekkqView Answer on Stackoverflow
Solution 4 - Visual Studio-CodeAhmad MoghaziView Answer on Stackoverflow
Solution 5 - Visual Studio-CodeManuel BView Answer on Stackoverflow
Solution 6 - Visual Studio-CodeGyliphView Answer on Stackoverflow
Solution 7 - Visual Studio-CodeplotsklappsView Answer on Stackoverflow
Solution 8 - Visual Studio-CodeBojan PoprzenView Answer on Stackoverflow