встраивание шрифтов Fonte_Nexa-TTF и Fonte_Nexa в css

Question

Я работаю над сайтом, на котором хочу применить следующие шрифты:

1. Fonte_Nexa-TTF
2. Fonte_Nexa

Я поместил вышеупомянутые шрифты в папку css / fonts , как показано ниже на изображении:

Внутри Fonte_Nexa-TTF , у меня есть следующие шрифты:

ВCSS, я поместил следующие коды сверху, но, похоже, он не работает.

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

Постановка проблемы:

Мне интересно, какие изменения яНужно внести в CSS коды выше, чтобы он начал работать.Также на консоли я получаю следующую ошибку:

Answer 1

Похоже, ваши ссылки предназначены для каталогов, а не для самих шрифтов.Попробуйте добавить имена файлов для конкретного файла шрифта в каталоге и посмотрите, если это имеет значение.

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