刷新页面（F5）时IE中未显示Bootstrap（v3.3.4）字形 [英] Bootstrap (v3.3.4) glyphicons not displayed in IE when refresh page (F5)
问题描述
我在应用程序中使用bootstrap v3.3.4。我也在使用一些glyphicons。它们在FireFox，Chrome和iPad中正常工作，但在刷新页面时它们不会显示在Internet Explorer（使用IE10和IE11）中（F5）。
如果未显示刷新页面图标但单击任何按钮或重新加载页面以进行某些切换操作，则会在刷新页面时再次显示glyphicon，并且glyphicon消失。
文件结构：
- Bootstrap>
- CSS
- Js
- 字体
请给我解决方案。
<！DOCTYPE html>< head> < meta charset =utf-8> < meta http-equiv =Content-Typecontent =text / html; charset = UTF-8/> < meta http-equiv =X-UA-Compatiblecontent =IE = edge，chrome = 1/> < meta name =viewportcontent =width = device-width，initial-scale = 1/> < link rel =stylesheethref =/ bootstrap / css / bootstrap.min.css>< / head>< body> < div class =container> < p为H. < lablel肽从：其中/标签> < input type =textclass =form-control> < span class =glyphicon glyphicon-calendar>< / span> < span class =glyphicon glyphicon-info-sign>< / span> < / p为H. < p为H. < lablel>向：其中/标签> < input type =textclass =form-control> < span class =glyphicon glyphicon-calendar>< / span> < span class =glyphicon glyphicon-info-sign>< / span> < / p为H. < / div>< script type =text / javascriptsrc =js / jquery / 1.11.1 / jquery.min.js>< / script>< script type =text / javascriptsrc = 自举/ JS / bootstrap.min.js >< /脚本>< / BODY>< / HTML>
与IE10和IE11相同的问题刷新了所有的glyphicons。这是由于https，并通过删除字体文件上的缓存来解决。在此处找到解决方案： @ font-face EOT未通过HTTPS加载
I am using the bootstrap v3.3.4 in application. I am also using some glyphicons. they work properly in FireFox, Chrome, and iPad, but they are not displayed in the Internet Explorer(Using IE10 & IE11) when you refresh the page (F5).
When the refresh page icon is not displayed but any button is clicked or page is reloaded for some severside action then the glyphicon appears and again when you refresh the page the glyphicon disappears.
Files structure:
- Bootstrap >
- CSS
- Js
- Fonts
Please give me solution for this.
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="/bootstrap/css/bootstrap.min.css">
</head>
<body>
<div class="container">
<p> <lablel>From:</label>
<input type="text" class="form-control">
<span class="glyphicon glyphicon-calendar"></span>
<span class="glyphicon glyphicon-info-sign"></span>
</p>
<p> <lablel>To:</label>
<input type="text" class="form-control">
<span class="glyphicon glyphicon-calendar"></span>
<span class="glyphicon glyphicon-info-sign"></span>
</p>
</div>
<script type="text/javascript" src="js/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
</body>
</html>
Had the same problem with IE10 and IE11 refresh losing all glyphicons. This was due to https and was fixed by removing cache on the font file. Found the solution here: @font-face EOT not loading over HTTPS
这篇关于刷新页面（F5）时IE中未显示Bootstrap（v3.3.4）字形的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
