如何在 wordpress 上预加载字体？答案

【问题标题】：How can I preload fonts on wordpress?如何在 wordpress 上预加载字体？
【发布时间】：2019-08-19 13:53:24
【问题描述】：

在我正在开发的 wordpress 上运行 Pagespeed 说，此资源占用了 4.5 秒：/wp-content/themes/dt-the7/fonts/icomoon-the7-microwidgets-16x16/fonts/icomoon -the7-microwidgets-16x16.ttf?dqeoeo

它建议使用预加载。

所以我尝试在 </head> 之前将其添加到 wordpress 中的 header-single.php 中：

<link rel="preload" href="/wp-content/themes/dt-the7/fonts/icomoon-the7-microwidgets-16x16/fonts/icomoon-the7-microwidgets-16x16.ttf?dqeoeo" as="font" type="font/ttf" crossorigin="anonymous">

但没有任何结果。有人知道我如何在 wordpress 上预加载此类内容吗？

【问题讨论】：

签入header.php输出文档的<head>应该在哪里，预加载链接应该在那里。还可以尝试删除 href 值上的查询 (?dqeoeo)。
据我所知，部分在 header-single.php 而不是 header.php，我错了吗？这是我有时放置谷歌字体链接或至少其他链接的地方。我也尝试删除该查询但没有结果..
解决了，我忘记放一个“/”来关闭html标签..

标签： html wordpress pagespeed preload lighthouse

【解决方案1】：

我在尝试提高移动速度时遇到同样的问题。尝试这种方式，但这对我不起作用。然后为预加载编写代码。这对我来说是工作。首先去你的主题中的function.php...注意必须创建你的主题子。

add_action('wp_head' , function(){
    echo'
    <link rel="preload" href="font Url" as="font" type="font/woff2" crossorgin>
    ';
});

【讨论】：