Bootstrap 3.3在Internet Explorer 10中无法显示Glyphicons

7
Glyphicons在Internet Explorer 10上无法正常渲染,但在Chrome、Firefox和Internet Explorer 11上都能正确渲染。当本地服务时,图标可以正常渲染,但在远程服务器上却不能(我不确定是否通过HTTPS服务有所不同)。根据其他相关问题,我尝试了以下方法但均无效:1)控制台没有显示任何错误;2)下载字体时没有404错误;3)响应中正确设置了头文件和MIME类型;4)已尝试使用Bootstrap的字体进行替换;5)将Internet Explorer 10的安全策略设置为允许下载Web字体。看起来并没有任何问题,但字体却无法渲染。

我会仔细调查URL(因为它在本地工作但在远程不工作,这通常暴露了一些只有URL /路径问题,相对与绝对,也许有一些缺少的点)。也许你看不到404,但它们无论如何都没有被加载。准备一个带有问题的fiddle,我相信你会通过fiddle解决它的;-) - Pavelloz
@Pavelloz,正在下载的字体路径确实存在,我可以手动进入该路径。在其他浏览器上也能正常工作。 - Cristian
你尝试过调整字体声明的顺序吗?也就是逐个删除以排除IE10需要但未收到的回退字体? - Pavelloz
你找到解决方案了吗?我认为问题出在 https 上,因为我的本地和暂存站点在 https 下没有显示任何字体。 - sidonaldson
如果我没记错的话,我已经明确设置了自定义CSS中所有元素的字体系列,这将覆盖后加载的Bootstrap图标。我从我的自定义字体中排除了所有带有glyphicon类的元素。基本上它试图用Helvetica加载glyphicons。 - Cristian
2个回答

0
如果您的Internet Explorer安全设置禁用了字体下载,则Bootstrap图标将永远无法呈现。我刚刚为IE安装程序面临的类似问题进行了测试,这些安装程序由系统管理员设置了高安全策略。

0

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


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接