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

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

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

，也许也用于a.logo_link:hover, a.logo_link:active，但是我想用不同的颜色或与未悬浮或未激活状态不同的其他颜色。

Answer 2

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

重新加载后，字体家族立即显示问题

2 个答案: