Font-Family在重新加载后立即显示问题

Question

我使用WordPress的附加css选项来更改锚<a>的字体系列。这是一个自定义上传的字体，使用来自Brainstorm Force的自定义字体插件。在页面初始加载时，自定义css不起作用，并显示默认字体系列。在重新加载页面并且没有完全关闭它之后，将显示正确的字体系列。

字体系列为'Spring LP'

将font-family="Spring LP";重新定位到css的末尾。使用已经实现的字体系列似乎没有问题。

a.logo_link {
  color: #5F2417 !important;
  font-family: 'Spring LP' !important;
}

<div class="logo pull-left">
  <h1 class="logo_h logo_h__txt">
    <a href="https://imkerei.k-evolution.de/" title="Wir haben den Honig für Ihren Geschmack!" class="logo_link">Imkerei Tietjen</a>
  </h1>
  <p class="logo_tagline">Wir haben den Honig für Ihren Geschmack!</p><!-- Site Tagline -->
</div>

!important甚至不是必须的，但即使没有它，在字体系列改变之前，我仍然需要刷新一次网站。

Answer 1

这个插件有一个'Font Display‘选项，这个选项必须设置为auto。它现在起作用了

Answer 2

您很可能需要为链路的不同状态定义这些参数，例如：

a.logo_link:link, a.logo_link:visited {
  color: #5F2417 !important;
  font-family: 'Spring LP' !important;
}

可能也适用于a.logo_link:hover, a.logo_link:active，但我认为是使用不同的颜色或其他不同于未悬停或非活动状态的状态。