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