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

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");
}