My terminal in VS Code has a tiny font after installing zsh and changing font style

Question

If you look at the VS Code terminal - its too tiny.

Here're the user settings that I have modified to create this result. I have searched how to change terminal fonts at VS Code, but I have followed all instructions pertaining to terminal.integrated.fontSize and this doesn't help at all - it only lengthens the line.

Please advise - thanks in advance.

Solution 1

I'm sure there are a few answers to this. But to solve mine, I had to change the terminal.integrated.fontFamily. Try these themes "Monaco" for instance. Add this line to your settings.

"terminal.integrated.fontFamily": "Monaco"

If the font size does not change and only increases the letter spacing, try a few checks:

1. Save the settings and close VS Code editor and re-open a new one.
2. Try restarting VS Code.
3. The Font family theme that you select plays a huge role in how it renders.
4. Check this font family themes that you can test.

This is my current setting as far as basic visuals for CLI and the editor:

"explorer.confirmDelete": false,
"workbench.sideBar.location": "left",
"workbench.statusBar.visible": true,
"editor.fontFamily": "Monaco",
"editor.fontSize": 12,
"terminal.integrated.fontFamily": "Hack",
"terminal.integrated.fontSize": 10,
"terminal.integrated.lineHeight":1,
"editor.tabSize": 2,

Again, these are checks you can do. I hope this helps cause it definitely took me a while to change my view of VS Code terminal above to the one I have below now:

Solution 2

Code > Preferences > Settings > Features > Terminal. Here you can find Integrated: Font Size and change it to your desired size

Solution 3

Go to Terminal >> Settings >>> font size as described in above screen shot and try updating desired font size and weight

Solution 4

Set the terminal.integrated.fontsize in your user settings to override the original value. I have mine set to 20. I am old ;)

Solution 5

Code > Preferences > Settings > Search "terminal font size" on the bar > change font size

View more solutions

Comments

[Gel]

Your right and Ive tried that. But during those times, i was using a font family that is not vscode's default font. So changing fontsize just increased the line spacing. Probably fixed now, but try experimenting with different font family and you may still encounter what I have encountered then. To fix that, you need to change font family.

[Aero Wang]

How do I change terminal.integrated.fontFamily? Where is this setting file?

[Aero Wang]

If I typed this in the setting search bar it says: Controls the font family of the terminal, this defaults to Editor: Font Family's value.

[Sam]

@AeroWang this is in settings.json, see code.visualstudio.com/docs/getstarted/…

[Menisha Myelwaganam]

Use Ctrl + + for incrementation font size, Use Ctrl + - for decrementation font size.

[Tadej]

I had to change the font to monospace on ubuntu.