个人遇到的情况 icon字体在IE浏览器不显示

最新推荐文章于 2022-09-20 15:10:59 发布
最新推荐文章于 2022-09-20 15:10:59 发布
阅读量629 收藏
点赞数
分类专栏： 前端遇到的小问题 文章标签： icons
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zero600/article/details/108465127
版权

icon字体在IE浏览器不显示小记

  1. 查看fonts路径是否正确
  2. 字体格式是否全部上传（woff2、woff、ttf、eot、svg）

我遇到的情况是字体格式只上传了woff2一个文件，其他的格式字体为上传，所以IE浏览器就不限制字体图标

zero600
关注
专栏目录
字体图标在ie兼容问题（element低版本icon）（图标在ie浏览器不显示）
zzqz的博客
10-18 5735
在项目开发过程中，项目用到的是element组件，版本号是2.4.7，遇到了图标字体在ie浏览器不显示的问题，这是在同事电脑出现的bug，我电脑同样是ie，11版本和10版本都没有问题，但是在同事电脑哪个版本都显示不出来，纠结了半天 看到ie里报的错误是这样的 CSS3114: @font-face 未能完成 OpenType 嵌入权限检查。权限必须是可安装的。 在网上搜都是千篇一律的...
使用icomoom 制作ICON 字体图标及使用
weixin_44433499的博客
04-14 844
在做手机App项目中,经常会遇到小图标在手机上显示比较模糊的问题，图标字体化是比较好的方法。 使用icon font来生成图标相对于基于图片的图标来说有如下的好处： 自由的变化大小而不失真，适用于不同分辨率和尺寸的屏幕 1、自由的修改颜色 2、添加阴影效果 3、支持图片图标的其它属性，例如，透明度和旋转等等 4、可以添加text-stroke和background-clip:text等属性，只要浏...
在IE浏览器，icon字体图标不显示
qq_40793132的博客
07-07 1166
在IE浏览器(<=11)icon字体图标不显示 问题出现场景 http地址在ie浏览器可以正常显示字体图标，但是https地址在ie浏览器无法正常显示icon图标。 问题解决方案//这是本人的nginx配置文件 location / { add_header Cache-Control "no-cache, no-store"; add_header Access-Control-Allow-Origin $http_origin;
关于iconfont字体图标在IE上无法显示的问题
qq_37225650的博客
03-22 1378
一开始通过iconfont.css引入，在谷歌上能正常显示，自己多方尝试，发现最蠢的问题。总结一下，查了网上可能的问题有 1、有可能是字体文件.eot文件没有引入 2、有可能是IE JS禁用 最后发现自己在引入iconfont.css时忘记更改默认路径 在URL前面加上…/fonts就没问题了 ...
解决ie小图标无法显示问题
weixin_33932129的博客
04-11 291
今天用ietest工具测试网页，弹窗窗口说是默认浏览器设置，金山也弹出窗口说锁定ie，自己也不多注意就点的是 回头一开ie地址栏的小图标不显示了，如下图 解决办法：其实非常的简单就是你点一下工具栏的重置web设置即可恢复 到时主页也会成默认的微软主页 这就解决了 转载于:https://blog.51cto.com/hmlwl/1176358...
css 字体图标兼容性,解决iconfont在IE下不兼容问题
weixin_30449853的博客
08-03 657
iconfont字体在IE下不兼容，这个是很头疼的问题，前端写页面的人 简直是在拿生命修改代码，可是结果还是不如人意，iconfont字体还是不能如期的显示，该怎么办呢？经过这次血的教训，总结出来从以下三方面来解决问题！在此非常感谢文峰大师，我的同事！(技术很牛，但是做事很低调！偶学习的榜样，加油！)排查顺序：1、首先排除图标本身是不是有问题；2、排查加载的文件中是否有相同命名的 icon 样式文...
有些网页的内容为什么不能复制
暖心少年
05-14 5393
有些网页的内容为什么不能复制？怎么才能将不可以复制的内容复制下来呢？估计在很多时候你会遇到很多的优美的比较实用的文章，你很想将其复制下来然后为己所用，但是可恨的是不知网页到底加了些什么东西搞得你复制不小来，如果去一个字一个字的打出来估计会浪费很多的时间，那么如何才能做到将常人不可以复制到的东西，你可以复制下来呢？下面就教教你如何做到常人无法做到的事情！要分以下几个步骤进行：1，网页中嵌入了java...
记录知识点（单纯个人的笔记）
m0_49687544的博客
09-20 693
放大缩小：使用transform：scale(x)(x表示填写数字，经常使用的一个2d缩放转换)2022年09月20日 晴 南宁 星期二。css过度效果与鼠标上移是使目标放大或者缩小。（默认值：all 0 ease 0）
常见的移动端H5页面开发遇到的坑和解决办法
qq_35859392的博客
04-17 886
转过来，平时看看。虽然还有很多问题至今无解。比如：华为麒麟950的P8和meta打开我们的应用首页经常偶发白屏。！！ 1、安卓浏览器看背景图片，有些设备会模糊。 用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？ 经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把iPhone 4的9...
iconfont在ie浏览器中不显示问题
qq_35500778的博客
03-12 4300
1、在iconfont中下载iconfont包后 2、在项目中引入iconfont.css 3、将下载后缀为.eot/svg/ttf/woff/woff2导入（下载）到项目中 4、在iconfont.css文件中正确引入以上的文件，注意：引入文件的路径要正确，不然在ie中不显示图标 5、在文件中正确使用 <span class="iconfont icon-xxx"&g...
IE8不显示字体图标
lengmeiyanok的专栏
07-07 5143
bootstrap流行，随着自带的字体图标也火起来了。漂亮的字体系统中没有，制作成字体文件，下载到本地，浏览漂亮的网页哦。 在项目中遇到有些IE8显示不了，原因是IE8下设置了禁止字体下载
weui中的字体图标在IE不显示问题
qq_25245075的博客
06-08 1993
在IE浏览器报错：CSS3114: @font-face 未能完成 OpenType 嵌入权限检查。权限必须是可安装的。@font-face { font-weight: normal; font-style: normal; font-family: "weui"; src: url('data:application/octet-stream;base64,AA...
bootstrap字体图标在IE上不显示
weixin_33826609的博客
10-18 707
最简单的办法就是直接下载最新的bootstrap.css替换掉旧的。 但是由于我做的项目直接替换会出现样式冲突问题，因此只好慢慢找是什么属性导致图标不显示，最后找到了解决办法： 1.首先保字体文件的位置正确，最好下最新的文件 2.检查font-family属性是否为‘Glyphicons Halflings’， @font-face { font-family: 'Glyp...
Font Awesome图标在IE浏览器不显示的解决方法
weixin_46536331的博客
04-19 1843
Font Awesome图标在IE浏览器不显示的解决方法 1、查看css路径是否正确 2、查看font文件夹内的字体文件是否引入 3、查看font文件夹内的字体资源路径是否正确 自测的解决办法有： 第一种办法也是自测解决的办法，就是直接引入线上的链接 <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css"> 这是我在菜鸟教程复制的，链入后果真就出现图标了
矢量图标在ie浏览器下显示不全
ylp的博客
12-07 362
需要把下载好字体文件导入icomoon https://icomoon.io/app/#/select 换一下就好了，完美
html字体图标不显示不了,firefox与IE9不显示icon字体图标
weixin_34544309的博客
06-04 504
1、关于icon font现在主流浏览器(包括IE6)都支持CSS3的自定义字体(@font-face)，因此可以尝试使用font来替换图片展示网站的各种icon。但是各浏览器对于字体文件格式的支持不尽一致。目前主流浏览器对于icon font的支持如下：IE：从IE4开始支持eot格式，IE9开始支持woff。webkit/safari：支持TrueType/OpenType(.ttf)，Ope...
阿里图标在IE浏览器上不显示的问题
高彩琼的博客
03-11 713
问题描述： 在本地编辑器上用IE和谷歌浏览器上运行，阿里图标都显示，（排除了兼容性问题）。起服务运行时发现谷歌浏览器显示正常，IE浏览器上不显示。 报错如下： iconfont.eot @font-face 遇到了未知错误 iconfont.woff @font-face 未能完成WOFF 完整性检查 iconfont.ttf @font-face 遇到了未知错误 百度上有的方法尝试了一遍，问了所有认识的前端大佬，尝试了多种发方法，最后怀疑是文件内部下载到本地被损坏了，按照网上的办法重新打包转个字体格式.
Element-icons在部分IE10浏览器（非系统自带，自行下载或者补丁升级）无法正常显示问题
qq_39480597的博客
05-22 1022
最近项目要求需要兼容IE10，在兼容过程中发现element-icons的部分字体图片Icon在部分IE10中无法显示，在有的IE10浏览器中正常展示，这就比较耐人寻味了，但是由于部分的IE10可以，于是就有了以下思考： 首先在其他IE10,11，google，以及fiefox都可以正常展示 在部分IE10中无法正常展示，猜测有可能是IE10版本不完整 然后查阅资料，其实就是不支持项目中的字体，IE6-8支持的是eot，10,11已经支持woff，但是考虑到部分浏览器并非系统自带，就死马当成活马医，依
firefox与IE9不显示icon字体图标
ForMyQianDuan的博客
11-25 3084
文章目录      1、关于icon font     2、在应用icon font实现一淘首页logo发现的问题。 1、关于icon font 现在主流浏览器（包括IE6）都支持css3的自定义字体(@font-face)，因此可以尝试使用font来替换图片展示网站的各种icon。但是各浏览器对于字体文件格式的支持不尽一致。目前主流浏览器对于icon
uni icon字体手机端不显示,h5可以显示
最新发布
05-01
Uni Icon 字体在手机端不能正确显示的原因可能有以下几种： 1. 字体文件缺失或损坏。在使用 Uni Icon 字体时，如果字体文件缺失或损坏，就会导致在手机端无法正确显示。需要重新下载并安装 Uni Icon 字体文件，或...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值