HTML 自定义 @font-face 不显示正确的字体

Question

我已经下载了 ttf 格式的自定义字体，我想为标题文本覆盖我的引导字体。

我已将它添加到我的 CSS 中。

@font-face {
  font-family: 'BrauerNeue';
  src: url(brauerneue.ttf);
}

h1 {
    font-family: 'BrauerNeue';
}

然后在我的页面中添加了一个h1:

<h1>Text</h1>

它仍然以引导字体显示。

我做错了什么？

Answer 1

检查网址。如果一切正确，则:

h1 {
    font-family: "BrauerNeue" !important;
}