CSS - 字体不会从本地ttf文件导入?

时间:2016-08-17 00:06:28

标签: html css fonts

好吧,我认为这可能与我给我的字体输入的font-family名称有关,但由于某些原因,只会加载Proxima nova灯。当我在我的CSS中使用它们时,其他人不会注册。

@font-face {
    font-family: "ProximaNova";
    src: url(fonts/proximanova-regular-webfont.ttf");

}
@font-face {
    font-family: "ProximaNova-Light";
    src: url(fonts/proximanova-light-webfont.ttf");

}
@font-face {
    font-family: "ProximaNova-Bold";
    src: url(fonts/proximanova-bold-webfont.ttf");

}
@font-face {
    font-family: "Gotham";
    src: url(fonts/GothamBook.ttf");

}

总而言之,我的字体位于css脚本所在的css文件夹中名为fonts的文件夹中。如果我尝试使用font-family: 'proximanova',但它不起作用 -

我引用了正确的文件名: enter image description here

我编写了字体系列名称(只是为了有意义的东西),但是我不认为这应该是重要的,因为我的光线新星正在加载。 为什么我的字体不起作用?

2 个答案:

答案 0 :(得分:3)

确保每个文件和目录都设置了正确的权限。并且文件不是符号链接或类似的东西。

IT看起来也错过了网址中的第一个引号

答案 1 :(得分:1)

您错过了网址中的开头"

所以改变

url(fonts/proximanova-regular-webfont.ttf")

url("fonts/proximanova-regular-webfont.ttf")

而且我认为你很高兴:)

干杯,