Google wordpress 主题中未加载字体

Question

我对 WordPress 自定义主题构建有点陌生，但遇到了问题。

我有一个 google 字体 Poppins，我已将代码放入 head.php:

<link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap" rel="preload stylesheet" as="style">

当我打开网络选项卡时，我看到它们确实已加载：

see network tab here

我看到字体正在我的计算机上加载，但是当我在其他设备上打开它时，字体没有加载。一些帮助将不胜感激。

Answer 1

尝试

<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap" media="screen">

此外，如果您之前在其他设备上加载过 site/page，请确保清除缓存。

Google wordpress 主题中未加载字体

Google font not loading in wordpress theme

wordpress

google-fonts