ISSUE applying Fire Code Font via VSCODE

I am seeking assistance with trying to add the fire code custom font to my code to be displayed on my webpage. No matter what I am doing it doesn’t seem to be working. As can be seen in the first picture I included all the static fonts, the second picture I just used the default name and in the third I ensured the other default fonts were still there along with the fire code default name. I also tried restarting VSCode as well but it is still not showing up in the font family lists for my css class element



Hey @Sharpe123

I am a bit confused by what you are trying to do.

I see you pasted here the config file for vs code but then in your question you are mentioning css class element and webpage.

I will link an article here to how to render and use custom fonts in the browser in case this is what you are trying to do.

1 Like

Appreciate the response, well all I was really saying is that I wanted to apply a custom font to a particular element on my webpage, that element has a class selector but thanks for the link had gotten some to work.

Oh ok now I get it.

If you want to assign a font to a specific element for instance the following one:

<p class="awesome"> Hello World </p>

you can in your css target the class and specify the font of all the elements having that class by using the font-family property:

.awesome {
   font-family: "Gill Sans", sans-serif;
}

Where Gill Sans is the font which I want to apply and sans-serif is the fallback one in case the browser does not find the first option.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.