Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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.

enter image description here

like image 756
Gel Avatar asked Mar 04 '18 14:03

Gel


People also ask

How do you change the font in VS Code terminal?

Press command + shift + P in your VSCode window. Then, look up with “settings. json” and open it. Here, you've got to choose the right fontFamily that you want to use as you configured in your personal shell editor like iTerm.


2 Answers

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

like image 95
Gel Avatar answered Oct 15 '22 13:10

Gel


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

like image 33
Marko Slijepčević Avatar answered Oct 15 '22 12:10

Marko Slijepčević