How Do I Add A New Font Of My Choice Into Visual Studio Code?

I am fairly new at coding and I'm struggling with the following issue. I have searched numerous times online on how to change the fonts in VScode to different fonts to match the fo

Solution 1:

The settings that you changed are related to Visual Studio Code itself, you are changing Visual Studio Code's font.

To use a font for your website, you can add Google Fonts API into your header like this:

<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans" />

Afterwards, go to your css file:

font-family: "Open Sans";

Solution 2:

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.