How to use custom font in visual studio code

Question

This isn't so much a coding question as it is about the visual studio code editor. What I want to do is use source code pro in the editor, but I don't know what to change the font setting to. Thanks!

Answer 1

First install the font on your machine if necessary. Then, in your user settings JSON file (File > Preferences > User Settings), override editor.fontFamily like so:

// Place your settings in this file to overwrite the default settings {     "editor.fontFamily": "Source Code Pro" } 

You may need to restart VSCode if it was already open when the font was first installed.

Answer 2

As a follow up to Nacimota's answer, to install custom fonts (using Windows 10 the following example) go through the tutorial here.

For me it was a matter of searching for "fonts" from my task bar then clicking the top result. From there I dragged all the files in the "target/TTF" directory, that is generated from following the Source Code Pro tutorial.