Adjusting the Font Size

00:00 Now that you’ve disabled the minimap, there is nothing distracting your view on the code on the right.

00:07 So let’s tackle that part a little bit more. In one of the former lessons, you set the zoom level to two in order to make the whole VS Code application look a little bit bigger that’s especially useful when you’re sharing your screen.

00:22 And by using the zoom level, you also increase the font size, how your code is displayed. And the cool thing in VS Code is that you can actually tackle those two settings separately.

00:34 That means you can either decrease or increase the font size and the zoom level of your window in order to make the UI look bigger or smaller, or the font size look bigger or smaller, depending on your taste. In your `settings.

00:49 json, you can set the font size with editor` .fontSize, that’s font in lowercase, and then Size with an uppercase S.

01:00 Once you select editor.fontSize, you can see the default font size. So currently I’m using the default font size of 12. Let’s increase the font size a little bit and set it to 16 so we can actually see the change.

01:16 Once I save the settings.json file, you see that the whole font size increases, but the UI of VS Code stays the same. So that’s good to know that you can change the zoom level and the font size independently, and that also means that you can actually make the font size smaller and having the UI increased.

01:36 So as so often, depending on your taste, you might like one more than the other. For this video course, I’ll set a font size to 14, so it’s a little bit better for you to read what’s on the screen.