VSCode: change font size of menu bars? - visual-studio-code

A potentially very stupid question, but I'm lost.
How do I change the font size of the menu bars (i.e. the labels "File", "Edit", "Selection", "View", ...) including the sidebar explorers, extension menus etc. (i.e. every text that is not the main coding window)?
I tried searching the user settings for "font" but I did not see any option specific for the menu font size.
I was also not able to find it via Googling.
The version of VSCode I currently have is 1.63.2
I am sure I missed something and apologies in advance for this simple-minded question.

Press Ctrl+Shift+P to bring up the command palette and run the View: Zoom In or View: Zoom Out command. The default keybindings for these commands are Ctrl++ and Ctrl+-.
There is also an extension called Zoom Bar which adds the overall zoom level to the status bar.
This will zoom your main coding windows as well, but you can work against that by adjusting your editor font size in your JSON settings:
"editor.fontSize": 14
Increase or decrease this depending on your zoom level.

Related

Is there a way to turn off, completely, the ability to Font Zoom in vscode?

I often find myself accidentally zooming editor font size in Visual Studio Code.
After scrolling there seems to be a slight continuation even though I'm able to see my target line, and (most often paste) the thing I want in. However, when I hit the ctrl (or command on macOS) the fonts zoom.
I'd prefer to only change the font zoom with the keyboard commands.
Is there a way to turn off mouse scroll font zooming?
In your settings.json, just set the following value:
"editor.mouseWheelZoom": false
Note that this is actually the default value in the current version of VS Code (1.67.0). See ms/vscode#97137 for some historical context about the default value.

VSCode: Individual zoom levels for each open VSCode window (Multiple monitor setup with vertical monitor)

I have a 2 monitor setup. One monitor I have setup as vertical as it's easier to read through long code.
The way I have VSCode setup, is that I have 2 separate VSCode windows open for the same workspace (by pressing CTRL + K, then O). One window on the regular monitor, and one for the vertical one. All works fine.
However the issue that I have, is that on the vertical monitor, due to the aspect ratio, the font size of VSCode is too big so I have to zoom out a bit with the built in VSCode zoom function (CTRL +/-). This works fine and I can adjust it so it's perfectly readable. Unfortunately when I zoom, it zooms on all open VSCode windows, including the window on my main monitor. The text there then becomes too small.
How can I have individual zoom levels for each open VSCode window?
There is a setting Editor: Mouse Wheel Zoom. If you turn this on you can zoom with the Ctrl key and mouse scroll wheel, and it only affects the code editors in the current VSCode window.
Dude I am planning to buy a monitor and placing it Vertically so that's why I am confirming how to see the code in the vertical format. Like I use ESLint to prettify my code and I want to set the width of my code to de static so that it should not exceed.
AND on to your problem, there is a setting in VS code to set the font of your code changes with the scroll you should use that.
That will be the bare minimum to work.
Hope this helped.
Short Answer
ctrl + shift + p
type editor font...
Choose among the three options.
This gives us individual editor font zoom levels per workspace window.
Longer Answer
The original question has two bits:
"have 2 separate VSCode windows open for the same workspace",
"individual zoom levels for each open VSCode window?"
While VSCode doesn't support individual window zoom levels per workspace, it does support individual editor font zoom levels per workspace. That's what the short answer provides.
See https://github.com/microsoft/vscode/issues/72011

How to customize font size of tab title in visual studio code [duplicate]

My computer is 4k display and the tab font is too tiny now. How to change the size of window tab font in as shown in this picture?
The window.zoomLevel setting can be accessed using:
File > Preferences > Settings and search for "zoomlevel"
VS Code Screenshot of window.zoomLevel Setting
This setting appears to zoom everything in the window, except for the top menubar.
I use a zoomLevel of 0.5.
After changing it to 0.5, I reduced my setting for editor.fontSize, to avoid the fontsize in the code editor becoming too large.
An alternative to modifying window.zoomLevel in settings is to use Ctrl + and Ctrl - to modify window.zoomLevel in increments of 1.
(I don't think VS Code currently has any option to configure only the size of the font used for the tab names.)
Please create a feature request for this on the repository.

VSCode: hiding some default menu items

Simple question: is there a way to hide some default menu items in VSCode? For instance, I would like to hide the Zoom In, Zoom Out and Reset Zoom items in the View menu.
The problem is that I have a laptop with a HiDPI screen: 13 inch, 1920x1080. On this screen, the View menu does not fit completely and looks ugly (see screenshot). I am a recent convert to VSCode, love the Command Palette but would still like to browse the menus occasionally.
I have tried searching on Stack Overflow and googling but cannot seem to find anything related.
This is not possible as of VS Code 1.21.
This feature request tracks something similar for context menus. Not sure if we have an issue tracking this for menu bar items

Keyboard shortcut to change font size in Eclipse?

It is relatively straightforward to change font sizes in Eclipse through preferences (and answered several times in this forum).
However I'd like to change font size quickly (e.g., with Ctrl++ and Ctrl+- like in Linux terminal or Ctrl+mouse wheel in MS Office apps). Is there a way to do this in Eclipse?
Eclipse Neon (4.6)
Zoom In
Ctrl++
or
Ctrl+=
Zoom Out
Ctrl+-
This feature is described here:
In text editors, you can now use Zoom In (Ctrl++ or Ctrl+=) and Zoom Out (Ctrl+-) commands to increase and decrease the font size.
Like a change in the General > Appearance > Colors and Fonts preference page, the commands persistently change the font size in all editors of the same type. If the editor type's font is configured to use a default font, then that default font will be zoomed.
So, the font size change is not limited to the current file and the new value of the font size is available here Window > Preferences > General > Appearance > Colors and Fonts.
I know it has been long since the original question was posted, but for future reference:
check this project, https://github.com/gkorland/Eclipse-Fonts
I have used it, and it's very simple and efficient.
Take a look at this project: http://code.google.com/p/tarlog-plugins/downloads/detail?name=tarlog.eclipse.plugins_1.4.2.jar&can=2&q=
It has some other features, but most importantly, it has Ctrl++ and Ctrl+- to change the font size, it's awesome.
The Eclipse-Fonts extension will add toolbar buttons and keyboard shortcuts for changing font size. You can then use AutoHotkey to make Ctrl+Mousewheel zoom.
Under Help | Install New Software... in the menu, paste the update URL (http://eclipse-fonts.googlecode.com/svn/trunk/FontsUpdate/) into the Works with: text box and press Enter. Expand the tree and select FontsFeature as in the following image:
Complete the installation and restart Eclipse, then you should see the A toolbar buttons (circled in red in the following image) and be able to use the keyboard shortcuts Ctrl+- and Ctrl+= to zoom (although you may have to unbind those keys from Eclipse first).
To get Ctrl+MouseWheel zooming, you can use AutoHotkey with the following script:
; Ctrl+MouseWheel zooming in Eclipse.
; Requires Eclipse-Fonts (https://code.google.com/p/eclipse-fonts/).
; Thank you for the unique window class, SWT/Eclipse.
#IfWinActive ahk_class SWT_Window0
^WheelUp:: Send ^{=}
^WheelDown:: Send ^-
#IfWinActive
Windows > Preferences > General > Appearance > Colors and Fonts
Then, to change Java editor font: Java > Java Editor Text Font > EDIT
There it is.
Oddly, working on a .js file and Ctrl, Shift, += works to zoom in (and Ctrl - works to zoom out but you have to select 1 or 2 after Ctrl -). This only works when I'm in the js file but the zoom applies to all my open tabs. Using Eclipse Juno on Ubuntu.
In Eclipse Neon.3, as well as in the new Eclipse Photon (4.8.0), I can resize the font easily with Ctrl + Shift + + and -, without any plugin or special key binding.
At least in Editor Windows (this does not work in other Views like Console, Project Explorer etc).
Found a great plugin that works in Juno and Kepler. It puts shortcuts on the quick access bar for increasing or decreasing text size.
Install New Software -> http://eclipse-fonts.googlecode.com/svn/trunk/FontsUpdate/
I use an Eclipse plugin (in Eclipse Marketplace)
https://marketplace.eclipse.org/content/fontsize
Here's a quicker way than multi-layer menus without resorting to plug-ins:
Use the Quick Access tool at the upper left corner.
Type in "font", then, from the list that drops down, click on the link for "Preferences->Colors and Fonts->General->Appearance".
One click replaces the 4 needed to get there through menus. I do it so often, my Quick Access tool pulls it up as a previous choice right at the top of the list so I can just type "font" with a tap on the enter key and Boom!, I'm there.
If you want a keyboard shortcut, Ctrl+3 sets the focus to the Quick Access tool. Better yet, this even automatically brings up a list with your previous choices. The last one you chose will be on top, in which case a simple Ctrl+3 followed by enter would bring you straight there! I use this all the time to make it bigger during long typing or reading sessions to ease eye strain, or to make it smaller if I need more text on the screen at one time to make it easier to find something.
It's not quite as nice as zooming with the scroll wheel or with a simple Ctrl+ or Ctrl-, but it's a lot better than navigating through the menus every time!