开发工具正确显示 CSS 字体但显示的字体不正确

Question

Wordpress 没有在网站标题上显示正确的字体。 当我检查时，它显示它应用了正确的字体（Tangerine），但这实际上不是页面上显示的字体。

为了让它更有趣，我使用的计算机可以正确显示所有内容，即使在注销、删除 cookie、清除缓存后也是如此，但我的手机和其他计算机只显示衬线字体，而不是草书 Google 字体 Tangerine。

这是检查显示的内容。

字体实际上是这样显示的：

它应该看起来像这样（这是它在我将自定义 css 添加到 wordpress 主题 hestia 的计算机上的 chrome 上的外观）。

Answer 1

可能忘记将谷歌字体导入您的网站

在 DEV 工具上它们看起来一样

往下看

span{
      font-family: 'Tangerine', cursive;
    }

<span>hello word - not import</span>

@import url('https://fonts.googleapis.com/css2?family=Tangerine&display=swap');
    span{
      font-family: 'Tangerine', cursive;
    }

<span>hello word - import</span>