1

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

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

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

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

如果您使用的是 Firefox，您可以在社交 Ionicons 所在的团队部分中看到错误。

有谁知道是什么原因造成的？我尝试了该站点的一些解决方案，但均未成功。

4

1 回答 1

0

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

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

取自这里，这应该可以解决您的问题！

于 2014-03-22T09:52:44.990 回答