Css @fontface仅在刷新时显示

我正在建立一个简单的登录页。我通过@fontface调用自定义字体（海港），但在Chrome上，标题首先默认为基本字体。需要刷新才能显示自定义字体。有人知道这里发生了什么吗？

您没有在任何元素中声明字体

在base.css中；您正在正文中声明这些字体：

 font-family: 'Trash', Futura, 'IBM Plex Sans', Arial, sans-serif;

你应该说：

font-family: 'Harbour';

在要打开的元素中

比如：

---

非常感谢，这比我想象的要简单。最后一件事，如果你不介意再帮我一次（如果这是一个简单的解决办法）。左上角的页眉和右下角的文本看起来应该引用相同的字体大小。我有点超出我的深度，但是我认为响应网格挤压了左上角，所以它渲染得更小。你知道如何在css中单独定位这些标题吗？提前谢谢。添加这个css。自定义字体{font size:30px！important；}然后将类添加到元素中非常感谢

h1 {
    font-size: 2em;
    margin: 0.67em 0;
    font-family: 'Harbour';
}