1

场景:一个托管在 MediaTemple DV (Apache + Nginx) + MaxCDN 上的网站。

您可能知道,在包含 webfonts 的网站上启用 CDN 时(通过@font-face),某些浏览器(如 Firefox 和 IE)会拒绝嵌入字体(请阅读此处)。

就我而言,我没有此处所述的可用站点目录:inuits.eu/blog/not-so-helpful-guide-using-nginx,但我有一个配置文件位于: /etc/nginx/plesk.conf.d/vhosts/example.com.conf. 在这个文件中有以下代码行:

include "/var/www/vhosts/system/example.com/conf/vhost_nginx.conf";

所以我想添加

location ~ \.(ttf|ttc|otf|eot|woff|font.css|css)$ { add_header Access-Control-Allow-Origin "*"; }

进入 vhost_nginx.conf

好吧,通过终端重新加载 nginx 后,当我执行时,curl -I http://example.com/wp-content/themes/mytheme/fonts/webfont.woff我终于得到了 200 OK 响应Access-Control-Allow-Origin: *

问题是,当我通过 W3Total Cache 清空缓存时,我在 CSS 缩小文件上得到 404(http://example.com/wp-content/cache/minify/000000/aa77d/default.include.d469e2.css)。我很确定 404 与那个 Nginx 黑客有关,因为如果我使用它,location ~ \.(ttf|ttc|otf|eot|woff|font.css|css|js)$ {我也会在 js 文件上得到 404。

我不确定这是错误的配置还是 W3 Total Cache 错误的错误。有什么建议吗?

4

0 回答 0