How to change font in vscode

How to change the font in vscode?

The default font of vscode doesn’t look good. I want to change the font. Here’s how to change the font:

Related recommendations: "vscode Usage Tutorial"

First, open the settings page and search for font, as shown in the figure:

The following properties in the settings are related to the font:

// 控制字体系列。
  "editor.fontFamily": "Consolas, 'Courier New', monospace",
  // 启用字体连字
  "editor.fontLigatures": false,
  // 以像素为单位控制字号。
  "editor.fontSize": 14,
  // 控制字体粗细。
  "editor.fontWeight": "normal",

Then, Add the corresponding settings in the user settings on the right (remember to separate them with a comma before adding):

"editor.fontFamily": "Fira Code",//后边的引号中写上要设置的字体类型，个人比较喜欢Fira Code
"editor.fontLigatures": true,//这个控制是否启用字体连字，true启用，false不启用，这里选择启用
  "editor.fontSize": 14,//设置字体大小，这个不多说都明白
"editor.fontWeight": "normal",//这个设置字体粗细，可选normal,bold,"100"~"900"等，选择合适的就行

Then save, the font will be applied successfully.

PS: If you want to change the font, at least the font must be installed on the computer, otherwise the setting will be useless.

Attached is the installation of Fira Code font:

Download the font at https://github.com/tonsky/FiraCode and page down in readmine.md , you will see the download link (as shown below), click

to download the font installation package. It is a zip compressed package. After compressing it, find the ttf folder and you will see Select all of several ttf files

and right-click to install. In the Windows Control Panel, you can see the font in Fonts, and the installation is complete.

View Windows fonts: Enter the control panel, change the viewing mode to large icons, and click on the font

##

The above is the detailed content of How to change font in vscode. For more information, please follow other related articles on the PHP Chinese website!