在CSS中嵌入字体Fonte_Nexa-TTF和Fonte_Nexa

Question

I am working on a website on which I want to apply the following fonts:

1. Fonte_Nexa-TTF
2. Fonte_Nexa

I have placed the above fonts in the css/fonts folder as shown below in an image:

Inside Fonte_Nexa-TTF directory, I have the following fonts:

In the CSS, I have placed the following codes on the top but it doesn't seem to work.

@font-face {
font-family:"Fonte Nexea";
src: 
url("fonts/Fonte_Nexa-TTF") format("truetype"),
url("fonts/Fonte_Nexa") format("opentype");
}

Problem Statement:

I am wondering what changes I need to make in the CSS codes above so that it start working. Also, at console I am getting the following error:

Answer 1

It looks like your references are for directories instead of the fonts themselves. Try adding the file names for the specific font file within the directory and see if that makes a difference.

@font-face {
font-family:"Fonte Nexea";
src: 
url("fonts/Fonte_Nexa-TTF/fontname.ttf") format("truetype"),
url("fonts/Fonte_Nexa/fontname.otf") format("opentype");
}