iconfont在ie8下不显示图标问题

最新推荐文章于 2024-04-18 22:42:34 发布
最新推荐文章于 2024-04-18 22:42:34 发布
阅读量4.8k 收藏 12
点赞数 4
分类专栏： 常见问题 文章标签： iconfont ie8 ie font-face
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43932245/article/details/89488017
版权
在iconfont下载到本地的demo中，直接在ie8浏览器中打开，图标也是显示不出来的

在这里插入图片描述

在网上查阅了很多资料，有说.eot文件没渲染的，我本地是有.eot文件的，我的这种问题的解决方案就改动了一下原有的代码

原先是这样的
在这里插入图片描述
改成下面这样
在这里插入图片描述
查看效果

在这里插入图片描述
还有另外一种解决方法

将原有的第二行代码替换成下面这种形式
在这里插入图片描述
希望这两种方案能够帮助您解决遇到的问题~~~

邱先生~
关注
专栏目录
阿里字体图标使用方法与兼容IE处理方案
06-08
1. **引入EOT字体**：阿里图标库通常会提供EOT字体文件（如`iconfont.eot`），这是IE8及以下版本支持的格式。确保在`iconfont.css`中包含EOT字体的引用： ```css @font-face { font-family: 'iconfont'; src: ...
关于iconfont字体图标在IE上无法显示的问题
qq_37225650的博客
03-22 1378
一开始通过iconfont.css引入，在谷歌上能正常显示，自己多方尝试，发现最蠢的问题。总结一下，查了网上可能的问题有 1、有可能是字体文件.eot文件没有引入 2、有可能是IE JS禁用 最后发现自己在引入iconfont.css时忘记更改默认路径 在URL前面加上…/fonts就没问题了 ...
iconfont在ie浏览器中不显示问题
qq_35500778的博客
03-12 4299
1、在iconfont中下载iconfont包后 2、在项目中引入iconfont.css 3、将下载后缀为.eot/svg/ttf/woff/woff2导入（下载）到项目中 4、在iconfont.css文件中正确引入以上的文件，注意：引入文件的路径要正确，不然在ie中不显示图标 5、在文件中正确使用 <span class="iconfont icon-xxx"&g...
iconfont图标不显示的解决方式
最新发布
m0_57342122的博客
04-18 1708
iconfont图标不显示的解决方式
解决iconfont 图标不显示问题
热门推荐
ppx_mqj的博客
09-05 4万+
刚开始用icon font图标库不是很熟悉，踩了一些坑，希望分享出来能给新手们带来一些帮助 从官网上下载图标至本地后，放到项目里面要注意一下两点： 1、路径问题 找到iconfont.css这个文件并打开它，你会看到它里面的路径是这样的 报错了，原因是我在项目里面存放路径是这样的 所以这个时候你只需要将路径改成你项目结构中的路径即可，修改后： 2、路径配置好后怎样把你下载的图标引入到代码中 ...
vue-cli+iview项目打包上线之后图标不显示问题及解决方法
12-13
做vue项目使用的iviewUI库，打包上线之后发现icon都不显示，然后做了很多尝试，更改打包路径等，都没有太好的效果，最后还是在网上找到了方法： 1. 方法一： 在build/utils.js下面找到这段代码，将其中publicPath...
Hui-iconfont v1.0.9.7z
08-30
2. 移动应用：移动应用的图标设计同样受益于Hui-iconfont，尤其是在多屏幕尺寸下，矢量图能够保证图标在不同设备上的显示效果一致。 3. 企业品牌：通过自定义颜色，Hui-iconfont可以匹配企业的品牌调性，实现品牌...
Font-Awesome在ie7下不能toggle图标解决方案
04-17
标题中的“Font-Awesome在ie7下不能toggle图标解决方案”揭示了一个常见问题，即Font-Awesome图标库在Internet Explorer 7（IE7）浏览器上无法正常切换或显示。Font-Awesome是一个广泛使用的开源图标集，它通过Web...
解决IE图标消失的问题
09-20
IE图标在XP之前的版本中并非只是一个普通的快捷方式，它具有特殊的右键菜单功能，例如直接打开Internet选项或以无加载项模式启动IE浏览器（针对IE7）。Windows XP SP3更新后，默认将这个图标替换为一个常规的快捷...
BUG记录--Iconfont图标在IE8浏览器的兼容问题
白和刀
03-20 5071
Iconfont图标在IE8和以下版本的IE浏览器中无法正常显示，在Firefox和google中可以正常显示。
IE8-阿里icon字体引用不显示的问题
alanshige的博客
06-18 541
IE8-阿里icon字体引用不显示的问题
2021-06-28 解决iconfont在IE下不兼容问题
菜鸟Player的博客
06-28 566
链接 1、首先排除图标本身是不是有问题； 2、排查加载的文件中是否有相同命名的 icon 样式文件和相同命名的字体文件（即字体的命名），如果有，改为不一样的； 3、外部引用样式的排查，包括不合理或多余的 font-family 定义； @font-face {font-family: ‘km-iconfont’; src: url(‘km-iconfont.eot’); /* IE9*/ src: local(’?’), url(‘km-iconfont.eot?#iefix’) format(‘embed
css引入阿里图标图标不显示,IE不显示加载iconfont阿里巴巴图标的解决方法
weixin_39522312的博客
08-03 1226
iconfont图标是阿里出品的一款字体图标工具，不得不说非常好用，速度快，图标资源多，是国内程序员不可缺少的工具之一。官网：https://www.iconfont.cn/iconfont图标截图iconfont加载方法第一步：拷贝项目下面生成的font-face@font-face{font-family:'iconfont';src:url('iconfont.eot');src:u...
关于 iconfont 在pc上面部分浏览器中显示问题
伟大的路人 的博客
02-06 1万+
icon font 字体图标库的问题 作为前端自定义字体图标库相信大部分人已经使用过了，列举下面一些个问题 自定义图标的时候尺寸控制 导出的图标在其他浏览器上面的尺寸不同 尺寸在倒入的时候自行控制，这个就不必多说了，耐心操作 主要说快速处理导出的时候在其他浏览器上面的问题 先说明一下当前的问题场景，入下图所示 chrome浏览器与主流的高级浏览器基本都是支持的，不存
Iconfont入门教程：前端必备图标使用与导入详解
本教程将指导你如何在前端项目中有效地利用Iconfont来管理和使用图标。 首先，访问Iconfont官网(<http://www.iconfont.cn>)，并登录账户。如果你还没有账号，需要先注册一个。登录后，你可以通过浏览图标库或者使用...
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值