If you land on this article, I guess you are using Visual Studio Code and searching a way to change default fonts. VS Code uses
Consolas, 'Courier New', monospace" fonts by default. If you want to try out new fonts, we can simply do it in few steps.
In this article, we will install
Fira Code on our VS Code as a demo. You can install any font you like. Let’s get started.
Download & Install Font
First step is to find your desired font. If you want to install
Fira Code font, you can download it from GitHub Repository. After download, extract it and install the font.
Set Fira Code as Default on VS Code
After installing the theme, open your Visual Studio Code.
Go to File > Prefererences > Settings Or Use Keyboard Shortcut
ctrl + `
Now, go to Text Editor > Font or directly search for Font on search bar. You will see a list of fonts that are used by default as
Consolas, 'Courier New', monospace. Now, you need to add your favorite font at the beginning. Since, I like Fira Code font, I will use this.
This will autosave the setting. If you don’t see your new font, you can restart your editor.
Enable Font Ligatures
Font ligatures is a typography term to describe when two or more characters (or graphemes) are joined as a single glyph. Look at the examples below to see how Ligatures looks in vs code editor.
You can enable Ligatures on VS Code easily.
Font Ligature, and click on the
Edit on settings.json below it.
A new window will open, named
"editor.fontLigatures": null, Remove null and add “
That is all. Congratulation, we have successfully added new font named
Fira Code on our Visual Studio Code.