loading...

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

twitter logo github logo ・1 min read

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/)
  • 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!

twitter logo DISCUSS (8)
markdown guide
 

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,
}
 

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,
}
 
 
 

Thanks for that! Was trying to figure out what I missed. :) I had to bump down the height and spacing, but I'm liking it so far!

 
 

How do you access these settings to change them like this? I can only use the preferences button.

 
Classic DEV Post from Oct 11 '19

Which unknown/smaller web development blogs do you read? πŸ“–πŸ‘€

Anower Jahan Shofol profile image
Mid-level frontend developer working remotely.