How to use JetBrainsMono in VSCode (New font in the town)

#opensource #vscode

JetBrains has released a typeface for all of their IDEs and this is opensource!😊 So, VSCode lovers or other IDE guys can also try this! For VSCode users-

Install the Font Pack in your computer (Guide is here-https://www.jetbrains.com/lp/mono/#how-to-install)
Go to Preferences->Settings->Font and then change the font to JetBrains Mono. You can Follow this gif-

Use it or not, you should have a look at their site at least. It is great! People are twitting about it!

If you like my writing and want to support me then you can-

You can also find me here-

Top comments (13)

Aris Ripandi • Jan 18 '20

Don't forget to use recomended settings, such as:

{
  "editor.fontSize": 13,
  "editor.fontWeight": "300",
  "editor.letterSpacing": 1.2,
  "editor.lineHeight": 22,
  "editor.fontLigatures": true,
}

Thorsten Hirsch • Jan 20 '20

Do you really use these settings? I've removed some of them. I think it looks much better like this:

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

Aris Ripandi • Jan 20 '20 • Edited

yes 😄

tk • Jan 30 '20 • Edited

@aris @thorstenhirsch --

"editor.fontLigatures": true,

FTW 🙌

Empty • Mar 26 '20

The only recommended settings is :

{
  "editor.fontSize": 13,
  "editor.letterSpacing": 1.2
}

ligature are optionnal :

{
  "editor.fontLigatures": true
}

and the 300 weight isn't icluded in the jetbrains mono font, so it's not recommended to use what's not availible.

Maciej Błędkowski • Apr 9 '20

Actually they recommend setting up line spacing to 1.2, not the letter spacing afaik (jetbrains.com/lp/mono/#how-to-install)

Empty • Apr 9 '20

You're re right, I didn't pay attention.
I would like to point out that line height of 1.2 is relative, and not absolute (not 1.2px), and it's already the standard default.