Html CSS图示符不适用于MaxCDN或缓存服务

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

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

火狐 之前：

之后：

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

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

铬 之前：

之后：

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

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

---

它们比较了应用MaxCDN前后浏览器在developer inspect工具中显示的内容。这些标志符号是通过字体来实现的，但是joomla模板没有直接使用bootstrap.css（因此我认为使用bootstrapCDN不会有帮助）。

这很可能是因为CORS。MaxCDN有一篇文章介绍了如何将Access Control Allow Origin头添加到HTTPD、Nginx和IIS，如下所示：

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

Access-Control-Allow-Origin "*"

---

希望这能有所帮助。

你有网站链接吗？christar.org，但现在可以用了。谢谢谢谢这就解决了--然后我发现：这很有帮助