How to specify bold font in VS Code editor?

Question

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.

Answer 1

In your settings.json .vscode add this line:

"editor.fontWeight": "bold"

Answer 2

This is a bug with Atom: https://github.com/atom/atom/issues/3790

A workaround is to strip spaces and add a hyphen between the font name and the weight.

Envy Code R Bold == EnvyCodeR-Bold

ref: https://github.com/Microsoft/vscode/issues/381#issuecomment-163356103

Answer 3

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.

Result:

Answer 4

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