bootstrap字体图标在IE上不显示
2024-09-03 06:41:48
最简单的办法就是直接下载最新的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:; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
最新文章
- ramdisk plus v11.5安装内存虚拟硬盘
- 作业七:团队项目——Alpha版本冲刺阶段004
- 【转】javascript入门系列演示·三种弹出对话框的用法实例
- python 对象持久化 pickle模块
- Environment variable:";PATH"; 状态 失败
- input事件以及中文输入法的处理
- 帝国cms灵动标签下常用标签
- iOS查错机制
- Python爬虫【实战篇】百度翻译
- URL安全的Base64编码,解码
- Java 线程内 递归 Bug 一例
- React 组件
- SQL语句——重复记录
- iOS 添加启动图片
- 【转】Windows守护进程的一种简单实现
- 2-log4j2之使用根控制器输出日志到控制台
- API网关【gateway 】- 2
- Gridview排序与分页-不使用“DataSourceControl DataSource”的情况下如何分页和排序 ...
- 软件设计模式之模板方法模式(JAVA)
- Java之集合(二十二)PriorityBlockingQueue
热门文章
- LUOGU P3413 SAC#1 - 萌数(数位dp)
- linux下怎么安装Go开发环境?linux部署golang
- POJ-2752-Seek the Name-kmp的变形
- HDFS under replicated blocks
- PAT甲级——A1110 Complete Binary Tree【25】
- Windows与Linux获取进程集合的方法
- Android基础知识—Context理解及使用
- tensorflow识别验证码(2)-tensorflow 编写CNN 识别验证码
- Python全栈开发:基本数据类型
- [symonfy] An error occurred when executing the ";'cache:clear --no-warmup'";