How to specify bold font in VS Code editor?

user_4815980 0
Viewed 62836

How to specify a bold font in VS Code's settings.json? For example, I have Envy Code R and Envy Code R Bold (exact names shown in windows' font viewer) installed on my windows machine, and while

"editor.fontFamily": "Envy Code R"

setting works fine,

"editor.fontFamily": "Envy Code R Bold"

doesn't work (a fallback font is used instead).

Is that possible to do at all? There are no any other font settings like fontWeight or fontStyle. I also tried specifying other fonts with bold variants to no avail. VS Code 0.10.11 here.

visual-studio-code fonts editor windows
4 Answers

In your settings.json .vscode add this line:

"editor.fontWeight": "bold"
user_20061700

Here is what I did trying to solve the same issue on a Mac. I installed the font on my Mac the usual way:

  • double-click on the .ttf file and click on Install Font

The font had some variants, I wanted to use one of them on vs-code.

When you install the font on your Mac an application called Font Book pops up (see screenshot).

  • Click on the i icon highlighted in the screenshot, it will give you the information of the Postscript name of the font.
  • copy-paste this value (the Postscript name value) into vs-code's settings -> Editor: Font Family as your first item in the list.

Mac Font Book Application

Result:

Result of adding font in vs-code

user_25303970

Alternative way:

On MAC go to Code -> Preferences -> Settings or press shortcut CMD + ,

In search bar just write font and you should find:

Editor: Font Weight

And from there you can choose your font weight from 100 to 900

user_98337630
Related