css - @fontface 只在刷新时出现

Question

我正在构建一个简单的着陆页 here .我通过@fontface 调用自定义字体 (Harbour)，但在 Chrome 上，标题首先默认为基本字体。需要刷新才能显示自定义字体。有人知道这里发生了什么吗？

Answer 1

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

在你的 base.css 中；您在正文中声明了这些字体:

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

你应该放:

font-family: 'Harbour';

在你希望它打开的元素中

喜欢:

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