How To Install Fira Code Font In VS Code And Sublime Text

In this example, I will show you how to install fira code font in your vs code editor. I will show you how to install fira code font in vs code on Linux, windows, and mac os. So if you are windows, mac, or Linux users, no problem. Just follow the below step two install and setup fira code in vs code editor.

You know that fira code font is developers friendly. It gives us an amazing look at code editor. You can set up it in you any code editor like vs code, php strom or sublime text. Just you need to tell your code editor that, hey I have installed fira code on my computer and I have told you in your settings.json file that use fira code as my font.

See the beautiful look of fira code in my vs code editor:



Install fira code in windows:

In this step, we need to see how to install fira code in the windows operating system. To install the fira code font in windows, we need to download it first. So visit this following url to fira code download which is a zip file.

You will see some .ttf extension file in ttf folder. Just double click on every .ttf extension file. Now fira code font is installed in your windows operating system.


Install fira code in mac os:

To install fira code font on mac os, run the below command.

brew tap homebrew/cask-fonts
brew cask install font-fira-code


Install fira code in ubuntu:

To install fira code font in your Linux distros, Just run the below command to install it.

sudo apt install fonts-firacode


Now everything is set to. In this step we need to setup fira code in our vscode editor. So open vs code settings.json file and paste this below code:


    "editor.fontFamily": "Fira Code",
    "editor.fontLigatures": true


To install fira code font in your sublime text editor, just follow this step. Go to preferences then settings then paste this below code:


	"font_face": "Fira Code"


Hope this tutorial will help every developer who is looking for installing fira code font on their local pc. 


#fira-code #dev-tools