IE8-阿里icon字体引用不显示的问题

下载阿里的icon字体到本地后，IE9+的浏览器都能显示，谷歌也没问题，但是在IE8就是不显示，查了很多资料，试了很多都没有用，最后发现是路径问题。下载后，打开iconfont.css，发现字体引用路径如下：

需要将iconfont.css放置错开文件夹，如下：

然后修改iconfont.css的引用路径，修改成下面的路径：

然后就可以在IE8显示了

另外在阿里Icon字库项目管理下，需要勾选eot

IE8-阿里icon字体引用不显示的问题相关推荐

在IE浏览器，icon字体图标不显示
1.问题出现场景 http地址在ie浏览器可以正常显示字体图标,但是https地址在ie浏览器无法正常显示icon图标. 2.问题解决方案 //这是本人的nginx配置文件location / {ad ...
html页面icon字体无法显示,bootstrap中icon字体图标怎么不显示？
bootstrap中icon字体图标怎么不显示?下面本篇文章给大家介绍一下Bootstrap字体图标不显示问题.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 问题: bootstr ...
将图片转换为icon字体图表
通过这个网址将png,jpg,gif等图片格式的图片转换成svg 其他的网址转换的svg都不能在阿里矢量图标库里面生成icon字体图标
使用多个icon 字体图标库样式冲突问题
场景:项目中使用的UI样式库中包含一套icon 字体图标库,自定义一套字体图标库,在应用的时候,出现冲突,导致一方字体图标库无法显示或者显示不正常,原因:字体命名冲突,样式命名冲突,导致字体图标显示不 ...
新字体引用本地运行可以获得，放到服务器上报404
背景:做一个手机页面,运用到了一个新的字体(造字工房映力黑规体),ui给我一个otf格式的字体文件,本地通过一下方式引用 @font-face {font-family: '造字工房映力黑规体';sr ...
vue-cli打包apk iconfont字体图标不显示问题
vue移动端项目打包apk,发现iconfont字体图标不显示,第一反应是引用的文件路径不对: 在网上查找资料后,解决方法: 找到build>utils.js文件,如图所示位置加上publicP ...
来一个阿里妈妈字体图标的简单说明书吧
随着前端技术的飞速发展,涌现了很多新的技术.而且我们在用户体验的路上也是一直在孜孜不倦的探索着.为了提高页面的加载速度,渲染速度.提高用户的体验做出了很多努力. 可是最近发现很多前端开发者还是不会是用 ...
移动端字体图标不显示的Bug
用16进制编码的字体图标在部分小米机型显示不正常. 测试机型:小米1,小米1s,小米2 浏览器:微信6.1内置浏览器,QQ浏览器 5.7 X5内核字体图标:不显示 svg图标:显示正常以下来自额微 ...
BootStrap字体图标不显示、下拉菜单不显示
在W3CSchool学习BootStrap教程时遇到的问题-- 1.字体图标不能显示上面是正常显示的样子,不能正常显示,因为缺少下面的字体图标样式文件 (1)在下载的Bootstrap包中将font ...
Chrome 对于 glyphicon 字体图标不显示的解决办法
在将Chome默认字体渲染为微软雅黑后,部分字体图标显示为方框,这里Chome扩展文档提供的解决办法为: 找到 custom.css 文件,路径为: C:\Users\(用户名)\AppData\L ...

IE8-阿里icon字体引用不显示的问题

IE8-阿里icon字体引用不显示的问题相关推荐

最新文章

热门文章