Editor font zoom in VS Code
Posted on 22 February 2020. Tagged with vs code
By default, zoom in VS Code (
Control+Shift+= to zoom in and
Control+- to zoom out) zooms the whole interface - your editor text, your sidebar, your terminal at the bottom all get bigger or smaller. Personally, when I use zoom I just want it to change the size of the editor text.
Luckily, VS Code has separate command for just zooming the editor font. These show up when you search in the Command Palette (
Editor Font Zoom In
Editor Font Zoom Out
Changing the keyboard shortcuts
To change the keyboard shortcuts so they only zoom the editor font, you just need to:
- Open the Command Palette (
Control+Shift+P) and type Keyboard Shortcuts. Choose
Preferences: Open Keyboard Shortcuts.
- Search for
zoom. You'll see a few results, including those for global zoom and editor font zoom.
- If you want to replace the global zoom shortcuts with editor font zoom, you first need to remove the keybindings from
View: Zoom Inand
View: Zoom Out. You can right-click them and choose
Remove Keybindingor select them and hit the delete key.
- Add the new keybindings for
Editor Font Zoom Inand
Editor Font Zoom Out. You just select
Editor Font Zoom Inand click the
+on the left hand side, type the keybinding you want (eg.
Control+Shift+=) and then press enter.
Note: you might need to open new VS Code windows for these changes to take effect. If the keyboard shortcuts are still zooming the whole interface, you'll need to make sure that you have removed the keybindings from
View: Zoom In and
View: Zoom Out (see step 3 above)
I don't have comments on my blog yet. Tell me what you think on Twitter.