如何在 WordPress 上预加载字体？

Question

在我正在处理的 wordpress 上运行 Pagespeed 表示此资源需要 4.5 秒：/wp-content/themes/dt-the7/fonts/icomoon-the7-microwidgets-16x16/fonts/icomoon-the7-microwidgets-16x16 .ttf?dqeoeo

它建议使用预加载。

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

<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...注意必须创建您的主题子项。

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