【问题标题】:Bootstrap 3.3 Internet Explorer 10 Glyphicons Not ShowingBootstrap 3.3 Internet Explorer 10 Glyphicons 未显示
【发布时间】:2015-04-26 10:37:18
【问题描述】:

在 Internet Explorer 10 上未呈现 Glyphicons。它们在 Chrome 和 Firefox 以及 Internet Explorer 11 上均正确呈现。

这些图标在本地提供时会呈现,但在远程服务器上时不会呈现(我不确定通过 HTTPS 提供的事实是否有所不同)。

基于其他相关问题,这是我尝试过但不起作用的:

1) 控制台没有显示任何错误,表明存在问题。

2) 下载字体时没有404。

3) 响应中正确设置了标头和 mimetype。

4) 我尝试用新下载的引导字体替换字体。

5) Internet Explorer 10 安全策略设置为允许下载网络字体。

似乎没有任何问题,但没有为字体渲染任何内容。

【问题讨论】:

  • 我会正确调查 url(因为它在本地而不是远程工作,这通常会暴露一些只有 url/路径的问题,亲戚与绝对,也许这里和那里有一些缺失的点)。也许您没有看到 404,但无论如何它们都没有加载。准备一个解决问题的小提琴,我很确定你会用小提琴来解决它;-)
  • @Pavelloz 下载字体的路径确实存在,我可以手动转到它。它在其他浏览器上也能正常工作。
  • 你试过摆弄字体声明的顺序吗?含义:删除除一个一个之外的所有内容以删除 IE10 需要它没有收到的后备?
  • 您找到解决方案了吗?我认为它是 https,因为我的本地和临时站点在 https 上没有显示任何字体
  • 如果我没记错的话,我已经为我的自定义 CSS 中的所有元素明确设置了字体系列,然后在加载后覆盖引导图标。我从我的自定义字体中排除了所有具有 glyphicon 类的元素。基本上它是在尝试使用 Helvetica 加载字形图标。

标签: twitter-bootstrap internet-explorer


【解决方案1】:

尝试删除或注释掉覆盖 bootstrap.css 的 css 文件中的 font-face 属性,这会导致显示字形图标出现问题(例如在 safari 上)。

【讨论】:

    【解决方案2】:

    如果在您的 Internet Explorer 安全设置中禁用字体下载,则引导图标将永远不会呈现。刚刚测试了我在 IE 安装中遇到的类似问题,该安装具有由系统管理员设置的高安全策略。

    【讨论】:

      猜你喜欢
      • 2015-02-22
      • 2016-10-21
      • 2013-03-13
      • 2015-03-09
      • 1970-01-01
      • 1970-01-01
      • 2015-02-28
      • 2013-02-13
      • 2014-12-16
      相关资源
      最近更新 更多