How to change the font size of the environment?

Question

How to change the font size of the environment?

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

I know how to change the font size of the editor, but I cannot figure out how to change the font size of the environment. Therefore, I wonder if you can somehow change this.

+172

visual-studio-code vscode-settings

Sul Aga Nov 13 '15 at 21:18

source share

17 answers

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

Press Control + Shift + P and then enter “settings” so that you can easily find the user or workspace settings file.

+141

Edwin Apr 01 '16 at 7:54 on

source share

In Visual Studio code, by pressing Ctrl + and Ctrl - , you can change the overall font size in the IDE. This helps faster than changing the settings in each session. Hope it helps ...

+59

Alegozalves Mar 22 '17 at 5:52

source share

As of mid-2017, to quickly get to the settings files, press ctrl + shift + p and enter settings , there you will find user settings and workspace settings, keep in mind that workspace settings override user settings , so it’s better to use the latter directly to make it a global change (workspace settings will create a folder in the root of your project), from there you will be able to add the option "editor.fontSize": 14 to your settings as a quick suggestions n you can do it yourself and change the value to your preferred font size.

Summarizing:

ctrl + shift + p
select "user preferences"
add "editor.fontSize": 14

+20

randomguy04 Jan 05 '17 at 16:43 on

source share

After pressing Control + Shift + P as suggested by @Edwin:

Look for workspace settings:

Then "Put your settings in the file on the right to overwrite ... the default settings and user settings" or go to the UserSettings tab to configure window.zoomLevel if this is the desired action.

+14

usefulBee Jul 12 '17 at 16:22

source share

You can zoom in and out of the entire user interface from the View menu.

Right now I'm using version 1.21.1, and there in the browse menu you can get the Zoom in and Zoom out options, which are the 2nd and 3rd last options. You can do this using Ctrl + + and Ctrl + - .

You can reset the zoom at any time by selecting the “ Reset Zoom” option.

+13

shankar upadhyay Apr 04 '18 at 10:14

source share

Try playing with a combination of the following user settings:

 { "editor.fontSize": 18, "window.zoomLevel": 1.5, }

+8

Andrei Pokrovsky Jun 02 '18 at 3:04 on

source share

I have my installed for "editor.fontSize": 12,

Save the file, you will immediately see the effect.

Enjoy it!

+7

kyo Sep 21 '17 at 12:59 on

source share

According to the changelog of version 1.2, new commands were added to increase and decrease only the font, but also the entire user interface.

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

Use the following keyboard shortcuts to replace standard 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" },

+7

ipeluffo Jun 18 '18 at 13:43

source share

A simple approach to changing font size in a Visual Studio production environment:

Go to : File → Settings → Settings OR Press CTRL + , i.e. CTRL + COMMA.

The settings.json file opens.

You can see 3 tabs there:

User settings
Workspace settings
Folder settings

Go into user settings and add this:

 { "editor.fontSize": 16 }

Now just save and close the file.

In the above code, 16 represents the font size. Increase Decrease according to your desire.

+6

Ankit Pandey Mar 21 '18 at 17:24

source share

(VS Code 1.33.1 on Windows 7)

Scale everything (user interface and editor): CTRL + + , CTRL + - .

Zoom Editor: CTRL + mouse wheel.

See below how I fixed it.

As suggested by @Edwin: pressing Control + Shift + P and then entering “settings” will allow you to easily find the user or workspace settings file.

My settings file is here: "C: \ Users \ You_user \ AppData \ Roaming \ Code \ User \ settings.json"

My file looks like this:

 { "editor.fontSize": 12, "editor.suggestFontSize": 6, "markdown.preview.fontSize": 0, "terminal.integrated.fontSize": 10, "window.zoomLevel": 0, "workbench.sideBar.location": "left", "editor.mouseWheelZoom": true }

+5

PythonAndPascal May 04 '19 at 16:31

source share

At the moment (March 2018) and version 1.21.0, you can go to "Settings", search for "zoom" and change "editor.mouseWheelZoom": false false, default false to true . This will allow you to increase / decrease the VS code using the control button and mouse - ctrl + scrollUp/scrollDown . To change fontSize common workspace / screen of VS code, see Alegozalves answer above.

+4

Abhishek Kakade Mar 12 '18 at 7:07

source share

Simultaneously press Ctrl , Shift , P , a menu will appear, find Editor Zoom in . After choosing this, the font will increase to some extent.

Repeat this until you reach the desired font size.

+3

Shamsul Arefin Sajib Oct 18 '18 at 4:14

source share

Press Ctrl and use the mouse wheel to zoom in or out.

+2

Brave Mar 18 '19 at 7:41

source share

There are many options for changing the font size in the code of Visual Studio (version: 1.36.1), editor.

Option 1:

Go to: File > Preferences > Preferences > select the tab User > Text Editor > Font > Font Size

Font size: change the font size in pixels according to your requirement

Option 2:

Press Ctrl + P

Search: settings.json , open the file and add this line to the settings.json file:

 { "editor.fontSize": 20 }

Note: save file after changes

Option 3:

Press Ctrl + Shift + P

Search: font editor Zoom

Just click on it, your font size will be increased

Search: Font Editor Reduce

Just click on it, your font size will be reduced

+2

Udhav Sarvaiya Jul 23 '19 at 6:36

source share

It took me a long time to figure out what I accidentally did when my code window became huge:

Decrease = Ctrl + Shift + , (comma)

Enlarge = Ctrl + Shift + . (full stop / period)

This is actually not the answer to the question asked, but I think that people like me will be here because of the symptoms!

+2

Richard Nixon Aug 27 '19 at 8:42

source share

You can find what you want in settings.json from the settings menu. Microsoft provides customization settings on its website .

0

Chi-Shan Yu Jan 17 '16 at 2:25

source share

Benjamin Pasero · Accepted Answer · 2015-11-15 07:18

It is currently not possible to change the font family or size outside the editor. However, you can scale the entire user interface in the View menu.

Update for our release of VS Code 1.0:

The recently introduced window.zoomLevel setting allows window.zoomLevel to permanently preserve the zoom level! It can have both negative and positive values for increasing or decreasing.

How to change the font size of the environment?

Option 1:

Option 2:

Option 3:

More articles: