ie8下处理iframe关闭后图标字体消失的问题

最新推荐文章于 2022-06-18 15:27:05 发布
最新推荐文章于 2022-06-18 15:27:05 发布
阅读量219 收藏
点赞数
分类专栏： 笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/ss7788/article/details/115748694
版权
博客探讨了如何处理在网页顶部使用`@font-face`引入字体，导致在非IE8浏览器的iframe中字体图标无法显示的问题。解决方案是在top页面的`fontface`中包含所有字体，而在iframe内仅引用非IE8支持的字体。通过JavaScript检测，当检测到是IE8且处于top页面时，动态加载支持IE8的字体样式，从而实现跨浏览器兼容。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

top页引入fontface样式，iframe里不写fontface样式，但是这样其他浏览器iframe里就不显示图标字体了。兼容的写法是top页面里的fontface里引用的字体包含所有的字体，iframe里的fontface只引用支持非ie8的字体，然后使用脚本判断如果当前页面是ie8并且是top页面，动态加载支持ie8的字体样式

分栏和flex弹性布局、响应式布局、媒体查询、图标字体
weixin_45832989的博客
03-28 409
1.多列（分栏） ​ 1）column-count 规定元素应该被分隔的列数（栏数）。 ​ column-count: number|auto; ​ 2）column-gap 设置栏间距。 ​ column-gap: length|normal; ​ 3）column-rule 设置栏间分隔线。 ​ a)column-rule-style：设置线型。 ​ none 没有分隔线 ​ hidden 隐藏线 ​
脚本控制IE安全级别设置
qq_25145753的博客
11-22 1359
在一些项目中使用的时候需要对IE浏览器的安全级别进行设置。设置的时候需要对IE中的好多项进行设置，是一件很繁琐的事情。因此可以写成一个bat文件。直接运行bat文件就可以对安全级别进行设置。 在bat脚本文件中主要的就是如图所示这句代码。 REG ADD "HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Internet...
IE8不显示字体图标
weixin_33712881的博客
04-07 420
bootstrap流行，随着自带的字体图标也火起来了。美丽的字体系统中没有。制作成字体文件，下载到本地。浏览美丽的网页哦。 在项目中遇到有些IE8显示不了，原因是IE8下设置了禁止字体下载 ...
IE8-阿里icon字体引用不显示的问题
alanshige的博客
06-18 600
IE8-阿里icon字体引用不显示的问题
解决IE6/IE7/IE8不支持before,after问题
weixin_30827565的博客
05-17 558
对从事web开发的朋友来讲，低版本的IE永远是一个痛点，不支持最新技术(如css3,html5)。 在现在web开发中使用图标字体已经很广泛，如Font Awesome,Bootstrap等，字体图片主要是通过css选择器before,after结合content来实现，但是在低版本的IE6/IE7/IE8中并不支持，下面就来探讨一下如何解决IE6/IE7/IE8不支持before,a...
前端常见跨域解决方案（全）
weixin_34281537的博客
09-13 2310
什么是跨域？ 跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。 广义的跨域： 1.) 资源跳转： A链接、重定向、表单提交 2.) 资源嵌入： <link>、<script>、<img>、<frame>等dom标签，还有样式中background:url()、@f...
eWebEditor9简单版发布，兼容IE8环境
资源摘要信息:"eWebEditor9是一个在线文本编辑器组件，可...由于要兼容IE8，开发者还可能需要考虑一些特定的兼容性问题，比如使用特定的JavaScript特性、CSS hack等技术手段来确保编辑器在旧浏览器上能够正常工作。
SVG图像在IE及其他浏览器中的兼容显示解决方案
SVG在现代网页设计中扮演着重要角色，而处理好SVG在各种浏览器中的显示问题，尤其是在老版本的IE浏览器中，对于提升用户体验和视觉效果是至关重要的。通过上述知识点，可以系统地了解SVG及其兼容性问题的解决方案，...
vue项目里修改Quill内置的video blot，用video标签替换iframe
weixin_43587992的博客
01-11 5462
vue项目里修改Quill内置的video blot，用video标签替换iframe 既然搜到这了，quill的基本安装使用就不多说了，quill内置的video模块是使用iframe标签，用视频网站上视频分享连接没问题的，因为项目上用服务器本地的MP4视频，本来iframe的src直接指.mp4文件也是可以的，其他浏览器都可以，但是还有个感人IE，iframe里直接指向.mp4时IE会变成下载...
layer最新(兼容ie8)
10-12
好用的弹框，对话框等等，兼容IE8，完美
IE8兼容fontAwesome
风水月的专栏
05-16 4059
bootstrap中我们使用到了fontAwesome来显示图标，但是在IE8下回出现无法显示的问题，如下图： 1）图标未显示 2）图标应该如下图显示 解决方式是添加如下代码： 下面的字体样式兼容代码为网上搜出的，在本人的代码中没有起到作用，即添加下面代码，页面中的图标仍不显示，但是还是感觉应该列出来一下，或许以后会在其他方面有用 @font-face { f
字体图标兼容性，兼容IE
热门推荐
ForMyQianDuan的博客
12-09 1万+
http://www.w3cfuns.com/thread-5597432-1-1.html @font-face是CSS3中的一个模块，他主要是把自己定义的Web字体嵌入到你的网页中，随着@font-face模块的出现，我们在Web的开发中使用字体不怕只能使用Web安全字体，你们当中或许有许多人会不自然的问，这样的东西IE能支持吗？当我告诉大家@font-face这个功能早在IE4就支持了
前端自选区域打印，解决iframe不显示样式
cypersonal的博客
05-07 3713
1、选定区域 <!--开始--> <!--startprint--> 。。。内容。。。 <!--endprint--> <!--结束--> 打印按钮<button onclick="doPrint1()">打印</button> function doPrint1() { var bodyhtml=window.d...
html:iframe嵌套页面，ie浏览器加载字体图标不显示问题
阿亮
06-19 833
字体图标不显示问题是加载问题导致，可能是加载慢页面渲染太快从而字体图标样式不显示，深入的不太了解了，毕竟小菜鸡一枚 ，经过作者半天研究，结果就是简单粗暴的一种方式，直接在header中添加字体图标样式，我这里使用的是bootstrap的字体图标样式，如果是其他的字体图标，小伙伴们进入源文件搜索icon找到类似下方代码，放到页面的hader中就可以； <style> @font-face { font-family: 'Glyphicons Halfl
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值