How to change font size in VS Code

Last updated on February 9, 2022 Napoleon Loading... 4 comments

This concise article shows you 2 different ways to increase or decrease the font size in VS Code (Visual Studio Code).

Method 1: Using hotkeys

For macOS users:

  • Press “Cmd” + “+” to increase the font size
  • Press “Cmd” + “-” to decrease the font size

For Windows users:

  • Press “Ctrl” + “+” to increase the font size
  • Press “Ctrl” + “-” to decrease the font size

Note: This approach change both the code and the UI font size. If you only want to change the code font size and keep the UI font size, check the second method.

Method 2

1. Launch your VS Code and go to:

  • Code > Preferences > Settings if you’re using macOS
  • File > Preferences > Settings if you’re using Windows

2. Select Text Editor > Font from the left-hand menu and head to the Font Size section (see the screenshot below for more clarity):

Enter your font size number into the box. Your change will automatically be saved and applied.

Note: This method doesn’t affect the UI text size.

Further reading:

You can also check out our Visual Studio Code topic page for more tips and tricks to improve your producibility and coding experience.

Subscribe
Notify of
guest
4 Comments
Inline Feedbacks
View all comments
Eduardo Chaves
Eduardo Chaves
3 months ago

Is there how i can set a shortcut to this vscode setting?

A Goodman
Admin
A Goodman
3 months ago
Reply to  Eduardo Chaves

Yes. There is.

Yılmaz DALKIRAN
Yılmaz DALKIRAN
9 months ago

Thank you! It works very well.

This is the best answer in google search results also. =)

A Goodman
Admin
A Goodman
9 months ago

You’re welcome 🤓

Related Articles