CSS字形不与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＆amp;添加Access-Control-Allow-Origin标头的文章。 IIS在这里：http://support.maxcdn.com/howto/use-cdn-with-webfonts/

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

Access-Control-Allow-Origin "*"

希望有所帮助。