How To Add a New Font in Visual Studio Code

The default font for Visual Studio Code is Consolas. There are many fonts available on the web, including popular ones such as Arial, Sans Mono, Verdana, and more. The following guide shows how to add a new font in Visual Studio Code.

How to a new font

To add a new font in VSCode, follow these steps:

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

    Settings
    Go to File>Appearance>Settings. Or press Ctrl + ,
  2. In the search bar, type JSON.

    Search
    Type JSON in the search bar.
  3. Click on the Edit in settings.json option.

    Edit in settings.json
    Click on Edit in settings.json option.
  4. In the settings.json file, look for the “editor.fontFamily”  code. Within this code, change the name of the default font to the font you want, and then save by pressing Ctrl + S. For instance, let us change the default font, which is Consolas, to Monaco. As you can see, the interface font changes. You can follow the same process to add any new font in VS Code.
    New Font
    Change the font name and save the file.

Was this article helpful?

Leave a Comment