当使用wordpress的w3 total cache插件生成的缩小css文件时,如何处理css中的相对字体链接

当使用wordpress的w3 total cache插件生成的缩小css文件时,如何处理css中的相对字体链接,css,wordpress,minify,w3-total-cache,relative-url,Css,Wordpress,Minify,W3 Total Cache,Relative Url,我必须修复wordpress网站上的一些问题,另一个开发人员已经用自定义主题设置了该网站。该主题包括一个style.css文件,该文件引用同一主题中的字体文件: @font-face { font-family: 'foo'; src: url('fonts/foo and bar.eot'); url('fonts/foo and bar.woff') format('woff'), url('fonts/foo and bar.ttf')

我必须修复wordpress网站上的一些问题,另一个开发人员已经用自定义主题设置了该网站。该主题包括一个
style.css
文件,该文件引用同一主题中的字体文件:

@font-face {
    font-family: 'foo';
    src: url('fonts/foo and bar.eot');
         url('fonts/foo and bar.woff') format('woff'),
         url('fonts/foo and bar.ttf')  format('truetype'),
         url('fonts/foo and bar.svg#svgFontName') format('svg');
}
如果不进行缩小,将加载style.css文件并使用指向
/wp content/themes//font
的字体。启用CSS minfy功能后,网站无法加载字体文件,因为相对链接仍然相同,现在指向
/wp content/cache/minify/font
。该位置不存在字体文件夹

我已尝试将主题
font/
文件夹上载到
wp-content/cache/minify
,但在字体文件重命名为
.old
文件或整个文件夹从服务器端删除时,该文件夹无法正常工作。不知道这是W3 Total Cache做的还是另一个进程做的

未启用CDN支持。CSS minfy功能的配置如下所示:

由于我是Wordpress的新手,如果能给我提供一些解决方案或方法的提示,我将不胜感激

我知道我可以尝试将字体文件直接嵌入到css文件中,但由于文件大小的原因,不需要这种方法。因此,我基本上是在寻找默认方法,如何使用w3total Cache扩展来处理这个问题

注意:将相对URL替换为绝对URL不是一个选项,因为该站点在不同环境中使用,具有子目录和主域级别


更新我发现问题似乎是插件内部的一个bug,它与使用包括空格在内的文件名有关。已更新上述参考代码。W3 Total Cache的版本是0.9.6

我正在处理完全相同的问题,我正在处理的W3 Total Cache的版本是0.9.7,我不使用空白作为文件名

我找到的唯一解决方案是使用免费CDN,例如:

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.4/css/all.css" integrity="sha384-DmABxgPhJN5jlTwituIyzIUk6oqyzf3+XuP7q3VfcWA2unxgim7OSSZKKf0KSsnh" crossorigin="anonymous">

您可以将其包含在header.php中。这样,您将避免任何W3总缓存干扰