字体系列在重新加载后立即显示问题答案

【问题标题】：Font-Family displays Issue right after reload字体系列在重新加载后立即显示问题
【发布时间】：2019-10-18 20:15:04
【问题描述】：

我正在使用 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 甚至都不是必需的，但即使没有它，我仍然需要在字体系列更改之前刷新网站一次。

【问题讨论】：

在 CSS 中调用字体系列之前，您是如何将其加载到浏览器中的？使用后备也可以很好地包住字体无法正确加载
哇，你的评论给了我正确的提示，让我自己修复它。不知道是不是有意的。该插件具有选项“字体显示”，必须设置为自动。现在可以了。

标签： html css wordpress

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

插件有“字体显示”选项，必须设置为自动。现在可以使用了

【讨论】：