Development notes

Thoughts, notes and ideas about development

VSCode: How to change the font size

2017-05-22 1 min read VSCode Alexey Bogdanov

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",
  "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
comments powered by Disqus