最简单的办法就是直接下载最新的bootstrap.css替换掉旧的。

但是由于我做的项目直接替换会出现样式冲突问题，因此只好慢慢找是什么属性导致图标不显示，最后找到了解决办法：

1.首先保字体文件的位置正确，最好下最新的文件

2.检查font-family属性是否为‘Glyphicons Halflings’，

@font-face {
  font-family: 'Glyphicons Halflings';/*检查这个属性*/
  /*确保下面的字体文件位置正确*/
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings'; /*检查这个属性*/
  font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

转载于:https://www.cnblogs.com/liaokaichang/p/7687848.html

最简单的办法就是直接下载最新的bootstrap.css替换掉旧的。但是由于我做的项目直接替换会出现样式冲突问题，因此只好慢慢找是什么属性导致图标不显示，最后找到了解决办法：1.首先保字体文件的位置正确，最好下最新的文件2.检查font-family属性是否为‘Glyphicons Halflings’，@font-face { font-family: 'Glyp... 问题出现场景 http地址在 ie 浏览器可以正常 显示 字体 图标 ，但是https地址在 ie 浏览器无法正常 显示 icon 图标 。 问题解决方案//这是本人的nginx配置文件 location / { add_header Cache-Control "no-cache, no-store"; add_header Access-Control-Allow-Origin $http_origin; 对比可以看到，同样的 字体 ， IE 显示 的圆润些，而Chrome 字体 则丑很多。因为Chrome默认用宋体 在http://v3.bootcss.com/ 里，他是通过patch.css里重新定义 字体 来实现的 body { font-family: "Helvetica Neue", Helvetica,... 字体 格式是否全部上传（woff2、woff、ttf、eot、svg） 我遇到的情况是 字体 格式只上传了woff2一个文件，其他的格式 字体 为上传，所以 IE 浏览器就不限制 字体 图标