How do I change VS Code Settings to use JetBrains Mono Font
Visual Studio-CodeFontsJetbrains FontVisual 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
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:
- Download the font
- Click on the ttl file you just downloaded and click on install
- CLOSE VS CODE AND RE OPEN IT.
- 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
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!):
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