html - 除非我刷新页面，否则字体无法正确加载

Question

我在页面上的标题中使用了警告字体，但是警告字体仅在我刷新页面后才会显示。

.title {
  font-family: 'Caveat' !important;
  color: #b8b8b8;
  font-size: 12vw;
  position: absolute;
  top: -25%;
  left: 5%;
  z-index: 100 !important;
}

.second-title {
 font-family: 'Caveat' !important;
 color: #b8b8b8;
 font-size: 12vw;
 position: absolute;
 top: -50%;
 left: 5%;
 z-index: 100 !important;
}

当我重新启动本地服务器然后直接进入页面（例如 site.com/about.html）时，它似乎可以工作，但是如果我重新启动服务器，通过主页上的链接进入页面，它仍然有除非我刷新页面，否则无法加载字体的问题。

其他字体或页面似乎都没有这个问题。

标签： htmlcssfonts