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

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



Solution 1:[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:

enter image description here

Solution 2:[2]

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

Solution 3:[3]

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:[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:[5]

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

Solution 6:[6]

Also use FontSize Shortcuts, then

Use Ctrl + + for incrementation font size,

Use Ctrl + - for decrementation font size.

Solution 7:[7]

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:[8]

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.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Manas Khandelwal
Solution 2 rmcsharry
Solution 3 Venu Gopal Tewari
Solution 4 Eje
Solution 5 borachi
Solution 6 James Graham
Solution 7 VIKAS PRADHAN
Solution 8 Menisha Myelwaganam