DEV Community

Cover image for Installing A New Font for VS Code - In THREE(3) Simple Steps

Installing A New Font for VS Code - In THREE(3) Simple Steps

solexy79 on August 13, 2020

Most beginner developers like me at one point or the other, get tired of their default vs-code font. In fact, I just changed mine a few days back a...
Collapse
 
katrinadierking profile image
Katrina Dierking

I have fonts installed on my PC and followed these steps but VSCode can't find them.

Collapse
 
quantme profile image
Quantme

In the case of some fonts it's hard to know what name it must be typed; in my case (Windows) the setting that works in settings.json file is wrapping the font name in single quotation marks:

{
  "editor.fontFamily": "'Fira Code', 'Fira Code Retina', 'Fira Code Light', 'Courier New', monospace"
}
Enter fullscreen mode Exit fullscreen mode
Collapse
 
ammarsherif profile image
Ammar Sherif Mohammed

you should restart vs code

Collapse
 
dellawie profile image
Olawale Odetola

Image description

Collapse
 
dellawie profile image
Olawale Odetola

Doesn't actually require you to restart your Vs code of system if after you install the font you have restart your system at some point

Collapse
 
_dehbie profile image
Omobolade

Nice! Easy to understand

Collapse
 
amit_savani profile image
Amit Patel
Collapse
 
nguyenit67 profile image
Nguyen • Edited

Thanks so much mate! It's so helpful! It just works right straight away!

Collapse
 
ahamedsajeeth profile image
Ahamed Sajeeth

nice

Collapse
 
dellawie profile image
Olawale Odetola

Image description

Collapse
 
setrann profile image
Set Ran N.

It's very go well :)

Collapse
 
solnlase profile image
SolnLase

I don't recommend enabling font ligerature, because it decreases legibility, more so it isn't available in monospace fonts.

Collapse
 
dellawie profile image
Olawale Odetola

After you restart the system, put the font in single quotes
Uploading image