How do I change the font sizes of the text inside the ui items and text fields in Vscode?
See the image for areas of interest. I want to resize all the text you see in the pic.
Asked
Active
Viewed 3,391 times
2
-
1Use "window.zoomLevel": 1, (some number there) together with "editor.fontSize": 14, to get to a comfortable combination of editor font size and ui element fontsize. – Mark Dec 21 '18 at 04:11
-
1Possible duplicate of [how to change Visual Studio Code environment font size](https://stackoverflow.com/questions/33701933/how-to-change-visual-studio-code-environment-font-size) – Mark Dec 21 '18 at 04:12
2 Answers
5
Well the Font Size field shown in your screen shot will only change the font within the editor, not the text for other elements of VS Code. You can try adjusting the zoom setting:
- CTRL + SHIFT + P
- Type 'zoom'
- Select "View: Zoom In"
This will zoom in the entire IDE, not just the editor. This will make the font size bigger of the IDE since it's being zoomed in. I don't believe there's any setting to specifically change the font size of the text in non editor elements of the IDE so I think this is the best "work around" to solve your request. Try it out and see if it works for you.
Birdman
- 1,404
- 5
- 22
- 49
-
thanks, zooming seems to work except for the top menu bar, (the gray bar in the screen) – yarun can Dec 21 '18 at 02:25
-
it is funny but after my post one of the newest VScode updates actually started zooming the menu fonts as well. – yarun can Dec 25 '18 at 21:29
0
Click on Gear icon on bottom left and choose 'Settings' OR "Ctrl+," Then type "Font" in the search bar of settings page. Font Size option will appear
Vidhya
- 79
- 2
- 6