html - 如何在wordpress上预加载字体？

Question

在我正在处理的 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 上预加载此类内容吗？

Answer 1

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

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