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

时间:2019-02-27 19:42:13

标签: css fonts font-face http-status-code-403 font-family

我正在一个网站上使用以下字体:

1。。Fonte_Nexa-TTF
2。 Fonte_Nexa

我已将上述字体放置在 css / fonts 文件夹中,如下图所示:

enter image description here


Fonte_Nexa-TTF 目录中,我具有以下字体:

enter image description here

在CSS中,我将以下代码放在顶部,但似乎不起作用。

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

问题陈述:

我想知道我需要在上面的CSS代码中进行哪些更改,以便它开始起作用。另外,在控制台上,我收到以下错误:

enter image description here

1 个答案:

答案 0 :(得分: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");
}