好吧,我认为这可能与我导入的字体系列名称有关,但由于某种原因,只有 Proxima nova light 会加载。当我在 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'
但它不起作用 -
我编写了字体系列名称(只是为了有意义的东西),但是我认为这不重要,因为我的 light proxima nova 正在加载。 为什么我的字体不起作用?
最佳答案
确保每个文件和目录都设置了正确的权限。并且这些文件不是符号链接(symbolic link)或类似的东西。
看起来您还缺少网址中的第一个引号
关于html - CSS - 字体无法从本地 ttf 文件导入?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38986266/