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

Question

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

.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）时，它似乎可以工作，但是如果我重新启动服务器，请通过主页上的链接转到该页面，除非我刷新页面，否则它仍然存在字体无法加载的问题。

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