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

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

Leave a Comment