How to Install Fira Code Font 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 the developers is the Fira Code. The following guide shows how to install and use the Fira Code font in Visual Studio Code.

Step 1: Downloading Fira Code

Go to fonts.google.com/specimen/Fira+Code 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: Installing 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 win-rar.com

    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 + ,

    Settings
    Open the Settings window.
  2. In the search bar, type font.

    Search Font
    Type “font” in the search bar.
  3. Type “Fira Code” before other default fonts. Now you can use Fira Code in VS Code.

    Font Family
    Enter “Fira Code” before other fonts.

Was this article helpful?

Leave a Comment