阻止对.woff(字体)文件进行版本控制

时间:2020-02-27 作者:Robert

我正在尝试通过Google PSI的预加载检查,所以我将获得的本地字体放置在<head> 建议使用预加载,如下所示:

<link rel="preload" as="font" href="myfont.woff" type="font/woff2" crossorigin>
<link rel="preload" as="font" href="myfont.woff" type="font/woff2" crossorigin>
<link rel="preload" as="font" href="myfont2.woff" type="font/woff2" crossorigin>
问题是,有些东西正在对其进行版本控制,所以PSI仍然将其报告为未预加载,显示字体的url如下myfont.woff?18238125 , 如何避免对其进行版本控制,或在最后通过php剥离查询?

1 个回复
SO网友:Tony Djukic

如果使用标准样式表排队加载字体,则可以将其添加到函数中。php文件:

function remove_querystrings( $src ) {
    $parts = explode( \'.woff?ver\', $src );
    return $parts[0];
}
add_filter( \'style_loader_src\',  \'remove_querystrings\', 15, 1 );
我还没有测试过这个,但我相当肯定,只有在添加字体时wp_enqueue_style();.

我在生产环境中使用上述方法来删除所有脚本和样式中的查询字符串,不仅仅是字体,而且只有在最终确定的网站上才需要更新内容(注意,我从未用.woff?ver.)