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

Question

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

更有趣的是，我工作的电脑，即使在注销、删除Cookie、清除缓存后，也能正确显示一切，但我的手机和其他电脑只是显示衬线字体，而不是谷歌草书字体Tangerine。

下面是 inspect 的显示。

不过字体实际显示的是这样的。

它应该是这样的（这是我在wordpress主题hestia上添加自定义css的电脑上的chrome字体）。

Answer 1

也许忘了将google字体导入你的网站

在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>