CSS Glyphs 不适用于 MaxCDN 或缓存服务

Question

我正在使用菜单项旁边的模板中包含的 CSS 字形。使用这些，名称旁边会出现一个小图标，如果它包含多个项目，它旁边会出现一个箭头。

但是，每当我安装缓存插件或 MaxCDN（我只是通过打开 MaxCDN 对其进行测试）时，它们就会停止在 Firefox 和 IE 9-11 中工作（我认为是在非基于 webkit 的浏览器中）。奇怪的是，它们使用这些未激活的插件。

火狐 之前：

.icon-envelope:before {
content: "";
}

之后：

.icon-envelope:before {
content: "";
}

铬 之前：

.icon-envelope:before {
content: "\f0e0";
}

之后：

.icon-envelope:before {
content: "\f003";
}

这些比较了在应用 MaxCDN 之前和之后浏览器在开发人员检查工具中显示的内容。这些字形是通过 Font-Awesome 实现的，但 joomla 模板不直接使用 bootstrap.css（所以我认为使用 bootstrapCDN 没有帮助）。

Answer 1

这很可能是由于 CORS。 MaxCDN 有一篇关于如何向 HTTPD、Nginx 和 IIS 添加 Access-Control-Allow-Origin 标头的文章：http://support.maxcdn.com/howto/use-cdn-with-webfonts/

如果缺少以下 http 标头，Firefox 会阻止 webfonts 呈现：

Access-Control-Allow-Origin "*"

希望对您有所帮助。