VS Code font size changing automatically - visual-studio-code

I have this weird issue with my terminal in VS Code where the font size keeps changing according to its screen size.
I am currently using mac 13in and 27in external monitor.
This is what it looks like on mac (13in) screen
mac(13in) font size
and this is what it looks like on 27in external monitor
27in font size
I already tried configuring the font size manually adding into settings.json and also tried to do the same in the preference but this issue doesn't seem to go away.
if anything the letter spacing just becomes wider as this image below
changed font size manually
please help and thanks in advance!

Related

VS Code / Code Spaces can not change font size

I am experimenting with GH Codespaces
in my local VS Code (I know it's running remote).
However somehow I can not change the font size.
Ctrl + , for preferences, I found the Editor: font size option,
however, changing it does not impact the font size.
When I just try the same thing without codespaces (locally) it works just fine.
Is this enough to be reported as an issue?
I found a work around for this issue.
Open up the Command Palette (Shift + Cmd + P).
Search for 'Editor Font Zoom Out'/ 'Editor Font Zoom Out' and select
either option until you reach your desired font size.
Gif of Fix
Hope this helps! :D

How to change font-size of vscode developer tool

The default font size of vscode developer tool (ctrl+shift+i) is too small for high dpi monitor and I want to make it bigger.
I do not find exact solution for it and I tried following related operations, but none of them works:
1. Set Window: Zoom Level
This configuration change size of everything except for the debugger tool, wired.
2. Set Editor:Font Size and Debug>Console: Font Size.
Still not affects the debugger tools.
3. Directy ctrl+scroll up/down using mouse
Not working. But works for editor if corresponding switch is on.
4. Configuration inside Developer tool.
Found no entry.
maybe you can try this.
...\Microsoft VS Code\resources\app\out\vs\workbench\workbench.desktop.main.css,
modify the font-size which is 11px to what you want .
(but it just effects the fonts in interface, not the variables in debug)
and is that ctrl+'+' not useful?
enter image description here

In Vscode, how to change the default font size of markdown cell in a jupyter notebook

When I am using jupyter notebook in vscode, I suddenly find the default font size become so small. So how to make the default font size bigger in the markdown cell? I have tried to google how to fix the problem, but I can't find the answer. Looking forward to your reply!
Update:
After I added code< font size=3 > on the first line of each markdown cell, the display became normal. But I think I should not everytime do it because it is a waste of time.
Unfortunately there's no way to do this at the moment. Please upvote https://github.com/microsoft/vscode/issues/126294 which tracks the feature request to allow configuring markdown font sizing.
From https://github.com/microsoft/vscode/issues/126294#issuecomment-964601412
The next insiders build adds a new notebook.markup.fontSize setting
which controls the size of rendered markdown
It defaults to 120% of your editor font size (so 12px editor font size
== 14.4px). We may adjust the default value based on feedback
And see Adjust the font size in notebooks

Is there any way to change the size of icons (vim-devicons) without changing the font-size?

I've installed NERDTree and vim-devicons plugins for customizing my workspace and I find that size of icons is too small, so I wanted to make them bigger without changing font-size (current font-size comfortable for me).
I've tried to find solution on original documentation, read forums etc. Also I tried to find some special Nerd Font that will have bigger icons size but unfortunately everything was unsuccessful.
Link below is an example that shows current size of my icons and font.
example with NERDTree window, tabs and status line
I'm using Windows PowerShell as my terminal and neovim as my editor.
I would be grateful if someone could explain to me how to solve my problem or tell another way (or may be another plugins) to add icons and files tree to vim.
Those icons are just text and you can only have one font and font size for the whole terminal emulator's window. Therefore, you can't adjust their size separately from the rest of the text.

Visual Studio Code: change debug panel's font size and font family and debug console input as well

Is there a way to change the debug panel's font size and appearance in VS Code? I'm referring to the side panel where variables and their values are showed when debugging a program.
Note that I want to change only its font size, not that of the entire editor.
I've come across other similar questions here in Stack Overflow, but the solutions provided required to change the zoom level of the entire editor (and thus of the debug panel too), then adjust the editor's font size. However, as I mentioned before, that's not what I'm looking for. I've searched through the settings but couldn't find anything at all. To me, it seems like a very basic feature for a text editor to have, so I can't believe there's no way to do that.
I'm using VS Code 1.40.1 on Linux
Paste these into your settings.json file USER section and change values to your liking.
Note that there is no fontWeight for debug console, but you can state the weight in the fontFamily, like in the example below.
lineHeight seems to be 1/3 bigger than fontSize by default, so that might be a good value to start with.
"debug.console.fontFamily": "Cascadia Code Light",
"debug.console.fontSize": 15,
"debug.console.lineHeight": 21,
I would assume the ability to change the debug's views' font/fontSize is coming as part of the ability to move those views to the Panel (See VS Code move debug tab (left panel) to bottom).
Added:
debug.console.fontSize
debug.console.fontFamily
debug.console.lineHeight
Previously, the size didn't apply to the debug console input. To be fixed in v1.45, see https://github.com/microsoft/vscode/issues/90714 and https://github.com/microsoft/vscode-docs/blob/vnext/release-notes/v1_45.md#notable-fixes.strong text
I have 1.55.1 on Linux and still don't see an option for font size in the debug variables panel (which, as originally asked, is not the debug console). So to adjust the font size in the debug variables panel independently, use the Zoom feature to adjust the entire VS code application, and then use the available font size settings for Editor, IntegratedTerminal and DebugConsole to unzoom those three back to the desired smaller fontsize.