How to change environment's font size?

Question

Is there a way to change the environment font size in Visual Studio Code? Stuff like IntelliSense box, debug panel, file names, etc.

I know how to change the editor\

Answer 1

Press Ctrl, Shift, P at the same time, a menu will appear, search for Editor Zoom in. After selecting that, the font will get larger by some degree.

Repeat this until you achieve your desired font size.

Answer 2

I have mine set to "editor.fontSize": 12,

Save the file, you will see the effect right the way.

Enjoy !

Answer 3

According to the changelog of version 1.2, new commands were added to zoom in and out only the font but the entire UI.

Changelog: https://code.visualstudio.com/updates/v1_24#_font-zoom-commands

Use the following keybindings to replace the default global zoom actions:

on macOS:

{ "key": "cmd+numpad_add",      "command": "editor.action.fontZoomIn" },
{ "key": "shift+cmd+=",         "command": "editor.action.fontZoomIn" },
{ "key": "cmd+=",               "command": "editor.action.fontZoomIn" },
{ "key": "cmd+numpad_subtract", "command": "editor.action.fontZoomOut" },
{ "key": "shift+cmd+-",         "command": "editor.action.fontZoomOut" },
{ "key": "cmd+-",               "command": "editor.action.fontZoomOut" },
{ "key": "cmd+numpad0",         "command": "editor.action.fontZoomReset" },
{ "key": "cmd+0",               "command": "editor.action.fontZoomReset" },

on Windows and Linux:

{ "key": "ctrl+numpad_add",      "command": "editor.action.fontZoomIn" },
{ "key": "shift+ctrl+=",         "command": "editor.action.fontZoomIn" },
{ "key": "ctrl+=",               "command": "editor.action.fontZoomIn" },
{ "key": "ctrl+numpad_subtract", "command": "editor.action.fontZoomOut" },
{ "key": "shift+ctrl+-",         "command": "editor.action.fontZoomOut" },
{ "key": "ctrl+-",               "command": "editor.action.fontZoomOut" },
{ "key": "ctrl+numpad0",         "command": "editor.action.fontZoomReset" },
{ "key": "ctrl+0",               "command": "editor.action.fontZoomReset" },

Answer 4

Currently it is not possible to change the font family or size outside the editor. You can however zoom the entire user interface in and out from the View menu.

Update for our VS Code 1.0 release:

A newly introduced setting window.zoomLevel allows to persist the zoom level for good! It can have both negative and positive values to zoom in or out.

Answer 5

In Visual Studio Code, the font-size can be easily changed from the Settings tab.

The simplest way to do this is to press Ctrl + Shift + P and then type 'Settings'. This will show you a few results. Choose 'Settings(UI)'. The Settings tab will get opened in the editor. Now you can change the font settings from here. This will only affect the editor's font.

Or, you can also click on the settings icon on the left bottom of the window and search for font from there.

In order to change the font size of the entire environment, you may consider pressing ctrl++. This will work like zooming into the whole environment, resulting in an increased font-size.

Answer 6

Just copy "editor.fontSize": 18 into your setting.json of the editor.

Pressing Control+Shift+P and then typing "settings" will allow you to easily find the user or workspace settings file.