The method of changing Font in vscode

Editor to share with you how to change the font of vscode, I believe that most people do not know much about it, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to know it!

How does vscode change the font?

VS Code adjusts the default editor font size and weight

Start the software, click [File]-[Open File], and open a html file at will as a reference for viewing font size.

After opening a html file, you can see that the font is very small and looks very laborious.

Recommended tutorial: vscode tutorial

We click "File"-"preferences"-"Settings" to open the software settings.

Click the first "Common Settings" in the settings to find [Editor:Font Size], which is the editor font size. You can see that the default is 14px, and we can directly change it to 20px.

After the modification, you can see a prompt to automatically save changes in the lower right corner, so the modification is successful.

After switching to the html file you just opened, you can see that the code font has become larger, but it looks a little thick, so how do we modify the font thickness?

Back to the settings page, click [text Editor]-[Font], you can see that you can also modify the editor font size here, you can also set [Font Weight] (font weight), we can set it to [100] in the drop-down menu. By default, normal is normal, and 100th is the thinnest one.

When you go back to the html page, you can see that the font has become thinner, so it's done.

These are all the contents of this article entitled "vscode ways to change fonts". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!