VSCode: How to change the font size

Visual Studio Code is a lightweight but powerful source code editor which runs on your desktop and is available for Windows, macOS and Linux. It's developed by Microsoft.
Here a guide how to change the Editor's font and the font of the hole application (tabs, explorer, etc).
This article describes how to change the VSCode's fonts.

How to open setting

There 2 way of opening VSCode's setting:

  1. Over main menu or hot keys: go to
    File -> Preferences -> Setting (or click on Ctrl + Alt + S)
  2. Over setting.json file:
    Depending on your platform, the user settings file is located here:
  • Windows %APPDATA%\Code\User\settings.json
  • Mac $HOME/Library/Application Support/Code/User/settings.json
  • Linux $HOME/.config/Code/User/settings.json

Change Editor font

To change the editor's font the following settings should be overridden:

  1. editor.fontFamily
  2. editor.fontSize

For example font settings may look into the following way:

  "editor.fontFamily": "Source Code Pro, Consolas, 'Courier New', monospace",
  // Controls the font size in pixels.
  "editor.fontSize": 15,

Change explorer, tab fonts

I've found the only way how to change zoom level of the whole application.
Override the window.zoomLevel property into the settings, e.g:

"window.zoomLevel": 0.8

Alexey Bogdanov

Read more posts by this author.

Subscribe to Development notes

Get the latest posts delivered right to your inbox.

or subscribe via RSS with Feedly!