最简单的办法就是直接下载最新的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字体图标在IE上不显示相关推荐

  1. 解决本地Bootstrap字体图标不可见的问题

    原文:https://www.jianshu.com/p/70ac459d33e7 作为Bootstrap的初学者,我最近遇到了一个问题:在使用Bootstrap字体图标时,图标不可见.使用代码如下: ...

  2. Bootstrap 字体图标Glyphicons

    Bootstrap 提供了一个图片精灵,其中包含 140 个图标,这些图标可用于按钮.链接.导航和表单等元素.这些图标由 Glyphicons(http://glyphicons.com/)提供.如图 ...

  3. Bootstrap 字体图标和自定义矢量图标

    一.Bootstrap 字体图标 Bootstrap包括250多个来自 Glyphicon Halflings 的字体图标. 使用:将图标类应用到这个 <span> 或者<i> ...

  4. Bootstrap 字体图标 Bootstrap Glyphicon Components

    基本用法: <p>Envelope icon: <span class="glyphicon glyphicon-envelope"></span&g ...

  5. 解决支付宝小程序安卓手机字体图标(iconfont)不显示问题

    解决支付宝小程序安卓手机字体图标(iconfont)不显示问题 问题:支付宝小程序部分安卓手机(真机)不显示字体图标,ios真机和模拟器都显示正常,如下图: 解决方法:iconfont默认下载下来的是 ...

  6. Bootstrap字体图标不显示问题

    问题: bootstrap使用字体图标时只显示一个框,不显示图标. 问题分析: 出现的原因是:bootstrap.css文件没有正确关联上字体文件glyphicons-halflings-regula ...

  7. BootStrap字体图标不显示、下拉菜单不显示

    在W3CSchool学习BootStrap教程时遇到的问题-- 1.字体图标不能显示 上面是正常显示的样子,不能正常显示,因为缺少下面的字体图标样式文件 (1)在下载的Bootstrap包中将font ...

  8. jsp中不能正常显示图片+不能正常显示bootstrap字体图标

    一直以来,bootstrap框架下的轮播图在jsp中不能正式显示,我本以为是配置问题,导致bootstrap和jsp不一样. 话不多说,上图: 前期: 这是一个轮播图,可以看到第一:图片不能显示,我的 ...

  9. 关于字体图标在firefox上本地访问无法显示的问题分析

    一.问题 在本地引入了Font Awesome 字体图标,网页未部署到服务上(在本地直接访问,部署到nginx服务器,火狐浏览器能显示) 目录结构: 引入方式: <link href=" ...

最新文章

  1. Ubuntu 17.04 编译安装 Nginx 1.9.9 配置 https 免费证书
  2. Facebook和Google,做不了恋人做仇人
  3. C++ 的复制构造函数
  4. 分布式服务框架 Zookeeper -- 管理分布式环境中的数据--转载
  5. abb限位开关已打开drv1_施工升降机上有10个限位器,你都知道了吗?
  6. VTK:Filtering之ProgrammableSource
  7. 单例销毁_【PHP设计模式】单例模式
  8. 第八十五期:一文彻底搞懂cookie和session
  9. Java基础:Lambda表达式
  10. iperf3 网络探测详解(android、iOS、windows)
  11. 聊聊spring data jpa的JpaQueryLookupStrategy
  12. 安卓从入门到进阶推荐学习方法与书籍整理(pdf)
  13. 仿迅雷播放器教程 -- 提取exe资源(12)
  14. C Library User 手册(25)
  15. DGUS组态软件中图标旋转显示如何使用
  16. 【Android容器组件—LinearLayout】
  17. Linux服务器配置静态IP地址方法
  18. 流式数据武装零售业,打响“降维”反击战!
  19. 第二阶段>>>数据库/SQL/SSM/JDBC/核心总结
  20. 天池赛:宝可梦数据分析–龙系小精灵分享

热门文章

  1. EasyYapi接入简单实战
  2. Android安装未成功报错
  3. 在vue的templete中使用js方法时踩坑
  4. Wanafly 挑战赛3 A 珂学送分 (dp)
  5. AW3D30 DSM数据下载
  6. Java高并发 - JUC
  7. chromefirefox浏览器全历史版本下载
  8. 台式计算机演变,电脑的发展史,体验不一样的电脑时代【图文】
  9. 文件比较工具-BCompare的简单使用
  10. 电影中的“暴力美学”(2) -止戈为武!