html - CSS - 字体无法从本地 ttf 文件导入?

标签 html css fonts

好吧,我认为这可能与我导入的字体系列名称有关,但由于某种原因,只有 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'但它不起作用 -

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

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

最佳答案

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

看起来您还缺少网址中的第一个引号

关于html - CSS - 字体无法从本地 ttf 文件导入?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38986266/

相关文章:

php - 在 &lt;input&gt; 上按 Enter 会提交错误的 <form>(一页上有 2 个表单)

css - 如何仅使用 CSS3 制作动画?

jquery - border-radius div 内的 CSS 动画

html - 初学者网站,当我缩小布局更改和一般 css 提示时

windows - 为什么 TFontDialog 提供的字体比 Screen.Fonts 少?

php - 您可以使用一个产品布局页面来显示点击后的产品吗?

html - <body> 和 <html> 高度和布局问题

android - Android 支持非英文字符

pdf - 更改数据表 pdfmaker 扩展中的字体

javascript - 引用错误 : PDFJS is not defined when loading a pdf