Dhairya Shah
Dhairya Shah's Blog

Dhairya Shah's Blog

How to install Fira Code font in Visual Studio Code

How to install Fira Code font in Visual Studio Code

Dhairya Shah's photo
Dhairya Shah
·Aug 9, 2022·

1 min read

Subscribe to my newsletter and never miss my upcoming articles

Play this article

We get tired of seeing the same things in our routine work, and we get tired of seeing the same simple monospace font inside VS Code. So, in this article, I'll show you how to add a cool font called Fira Code to VS Code.

A little glance at the Fira Code font in Visual Studio Code.

Demo

Install the Fira Code font zip file from their Fira Code Official GitHub Repository.

Extract the ZIP and open the ttf folder.

folder screenshot

Select and open the FiraCode-Regular.ttf file,

TTF file

Install the font

Open setting in Visual Studio Code,

Vscode settings

Select Text Editor from the sidebar and choose Font - Text Editor > Font settings

Insert the font family inside the input box,

Fira Code, monospace

Finally! You have added Fire Code font in Visual Studio Code.

Follow me on Twitter

Liked my content? Buy me a coffee to fuel my work. Thanks for reading!

 
Share this