2016-08-17 98 views
0

好吧,我认为这可能与我给我的字体导入的font-family名称有关,但由于某种原因,只有Proxima nova light会加载。其他人在我的CSS中使用它们时没有注册。CSS - 字体不会从本地ttf文件导入?

@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脚本所在的文件夹中称为字体。如果我尝试使用font-family: 'proximanova'但它不工作 -

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

而且我做了字体系列名称(只是一些有意义),但是我不要认为这应该很重要,因为我的light proxima nova正在加载。 为什么我的字体不能工作?

+0

写您的字体名称的你以同样的方式宣布它。试试'body {font-family:“ProximaNova”; }' – Aziz

回答

1

你错过了在您的网址打开"

因此改变

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

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

而且我认为你是好去:)

干杯,

+0

耶稣。谢谢。 – skyguy

3

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

它也像你错过了第一个引号中的URL