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

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


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.

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


In most of the Linux distributions we get the option to change the fonts systemwide if you are okay with changing the system font.


vscode is an electron app so you can actually just open up the developer tools in the help menu, look up the location of workbench.desktop.main.css under the source tab, make a backup and edit the font-family rule for your OS.There's a pretty gnarly-phrased notification that pops up about vscode being corrupted, however the linked-documentation is fairly clear it's just unsupported officially.