My terminal in VSCode has a tiny font after installing zsh and changing font style?

If you look at the vscode terminal - its too tiny. Heres the user settings that I have modified to create this result. I have searched how to change terminal fonts at vscode but I have followed all instructions pertaining to terminal.integrated.fontSize and this doesnt 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