DEV Community

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

Anower Jahan Shofol on January 16, 2020

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 ...
Read full post
Collapse
 
aris profile image
Aris Ripandi •

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,
}
Enter fullscreen mode Exit fullscreen mode
Collapse
 
thorstenhirsch profile image
Thorsten Hirsch •

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,
}
Enter fullscreen mode Exit fullscreen mode
Collapse
 
aris profile image
Aris Ripandi • • Edited

yes 😄

Collapse
 
natureminded profile image
tk • • Edited

@aris @thorstenhirsch --

"editor.fontLigatures": true,
Enter fullscreen mode Exit fullscreen mode

FTW 🙌

Collapse
 
sidikiki profile image
Empty •

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.

Collapse
 
mble profile image
Maciej Błędkowski •

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