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

TerminalVisual Studio-CodeZshFont Size

Terminal Problem Overview


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.

enter image description here

Terminal Solutions


Solution 1 - Terminal

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:

enter image description here

Solution 2 - Terminal

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

Solution 3 - Terminal

enter image description here

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

Solution 4 - Terminal

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 - Terminal

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

Solution 6 - Terminal

Also use FontSize Shortcuts, then

Use Ctrl + + for incrementation font size,

Use Ctrl + - for decrementation font size.

Solution 7 - Terminal

Open the Command Palette

Windows: Ctrl + Shift + P MacOS: Command + Shift + P

Enter in "Open Settings (JSON)"

Add "terminal.integrated.fontSize" to the file.

All you have to do is add this line to the file and save: "terminal.integrated.fontSize": 16

Solution 8 - Terminal

Just zoom the whole VS Code's UI in or out with CTRL + + or CTRL + - respectively and than adjust font sizes we do have control over in settings.json file.

Use Ctrl + + for incrementation font size,

Use Ctrl + - for decrementation font size.

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionGelView Question on Stackoverflow
Solution 1 - TerminalGelView Answer on Stackoverflow
Solution 2 - TerminalMarko SlijepčevićView Answer on Stackoverflow
Solution 3 - TerminalVenu Gopal TewariView Answer on Stackoverflow
Solution 4 - TerminalJH BrownView Answer on Stackoverflow
Solution 5 - TerminalborachiView Answer on Stackoverflow
Solution 6 - TerminalJames GrahamView Answer on Stackoverflow
Solution 7 - TerminalVIKAS PRADHANView Answer on Stackoverflow
Solution 8 - Terminaluser14431347View Answer on Stackoverflow