css - 通过 CSS 导入字体不起作用

Question

我提前道歉，因为有很多相关的帖子，但找不到解决方案。

我正在尝试使用我已下载并放入“字体”文件夹中的字体。此文件夹位于我的所有网页所在的位置。

字体文件名为“timeburnernormal.ttf”，字体名称为“TimeBurner”

CSS

@font-face {
font-family: 'TimeBurner';
src:url("fonts/timeburnernormal.ttf");
}

h1 {
    font-family: 'TimeBurner';
    font-weight:normal;
    font-size:27pt;
}

更改 h1 类中的字体系列证明对我计算机上安装的任何字体都是成功的，但不适用于此方法。是我的 CSS 吗？

谢谢

Answer 1

如果将 font-family 添加到 h1 直接起作用，则 CSS 中有一个 class/id 或可能是另一个 h1 声明否决了你的字体。查看您的 CSS 或使用 Chrome DevTools 检查元素以查看字体系列是如何设置的。