Ionicons没有在IE和Firefox中显示

Question

我已经研究了一整天，但无法找到答案为什么我的离子导体无法在IE和Firefox中显示但成功显示在chrome中。

我的网站是在Bootstrap 3中构建的，而Ionicon CSS是在其他CSS文件之后的标题中调用的。

<link rel="stylesheet" href="http://code.ionicframework.com/ionicons/1.4.1/css/ionicons.min.css"></link>

当我在IE（所有版本）和Firefox（所有版本）中启动网站时，Ionicons显示为小行矩形，每行有两行和两个字符。

如果你正在使用Firefox，你可以在团队部分看到社交Ionicons所在的error here。

有谁知道造成这种情况的原因是什么？我从这个网站尝试了一些解决方案但没有成功。

Answer 1

看起来您没有正确安装它们，请按照以下步骤操作。

1. 下载并解压缩字体包
2. 将ionicons.css复制到您的项目
3. 将fonts文件夹复制到项目中
4. 确保ionicons.css中的字体网址正确引用 项目中的字体路径。
5. 在每个网页中包含对ionicons.css文件的引用 需要使用它。

取自here，这应该解决你的问题！