Question

我在应用程序中使用bootstrap v3.3.4。我也在使用一些glyphicons。它们在FireFox，Chrome和iPad中正常工作，但刷新页面时不会在Internet Explorer（使用IE10和IE11）中显示它们（F5）。

如果未显示刷新页面图标但单击任何按钮或重新加载页面以进行某些停止操作，则会在刷新页面时再次显示该字形图标以消息符号消失。

文件结构：

Bootstrap＆gt;
- CSS
- 的js
- 字体

请给我解决方案。

<!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>

Answer 1

与IE10和IE11相同的问题刷新失去所有的glyphicons。这是由于https，并通过删除字体文件上的缓存来解决。在此处找到解决方案：@font-face EOT not loading over HTTPS

刷新页面（F5）时IE中未显示Bootstrap（v3.3.4）字形

1 个答案: