How to Install Fira Code in Visual Studio Code

The default font for Visual Studio Code is Consolas. Many fonts are available on the web, but the most popular font among developers is Fira Code. The following guide shows how to install and use the Fira Code font in Visual Studio Code.

Step 1: Download Fira Code

Go to and click on the Download Family button. It will download a zip file into your system.

Download Fira Code
Visit the download website and click on the Download Family button.

Step 2: Install Fira Code

To install Fira Code, do the following:

  1. Double-click on the downloaded zip file to unzip it.
    Note: You can download and install WinRar from

    Unzip File
    Double click to unzip the file.

  2. Double-click on the file with .ttf extension.

    Run ttf file
    Double click the file with ttf extension.

  3. Click on the Install button. It will install the font in your system.

    Install Fira Code
    Click on the Install button.

Step 3: Using Fira Code in VS Code

To make Fira Code your default font in VS Code, follow the below steps:

  1. From the top-level File menu, select the Preferences option. From the sub-menu, choose the Settings option. Alternatively, you can press Ctrl + ,

    Open the Settings window.

  2. In the search bar, type font.

    Search Font
    Type “font” in the search bar.

  3. Type Fira Code inside the Editor: Font Family textbox.

    Font Family
    Enter Fira Code in the textbox.

  4. Restart VS Code. Now you can use Fira Code in VS Code.

Join the conversation

  1. It doesn’t work on macOS. I have installed the font and can use it in applications, but for some reason, it doesn’t work in VS Code. Other built-in macOS fonts work BTW.


Leave a Comment