How to change the font of Visual Studio Code’s UI?

by

Visual Studio Code does not offer convenient solution out of the box to change the UI font family.

But a developer created the Customize UI plugin for VS Code.

⚠️ EDIT 02/01/2023: following the version 1.74, the Customize UI plugin no longer work, see here. There is currently no ways to change the font in VSCode.

Setup

  1. Install the Customize UI plugin
  2. Restart VS Code
  3. Open VS Code Settings
  4. Change Customize UI Font:Monospace to Fira Code
  5. Change Customize UI Font:Regular to Helvetica Nueve or Arial depending on your OS

Alternativaly, you can edit those settings using the json settings editor as follow:

    "customizeUI.font.regular": "Helvetica Nueve",
    "customizeUI.font.monospace": "Fira Code",

GitHub issue here

Leave a Comment

Hata!: SQLSTATE[HY000] [1045] Access denied for user 'divattrend_liink'@'localhost' (using password: YES)