IE8 web字体iframe bug变通办法

关于IE8 web字体iframe bug变通办法，以下是一些可能的解决方案：

使用CSS3的@font-face规则

使用CSS3的@font-face规则可以在网页中嵌入自定义字体。这种方法可以避免在IE8中出现字体加载问题。

使用Flash字体嵌入

使用Flash字体嵌入可以在IE8中嵌入自定义字体，并且可以在不同的浏览器中保持一致性。

使用图片替代字体

使用图片替代字体可以避免在IE8中出现字体加载问题。这种方法可能需要更多的开发时间和维护成本，但是可以保证在所有浏览器中的一致性。

使用JavaScript库

使用JavaScript库可以帮助解决IE8中的字体加载问题。例如，使用Google Web Font Loader库可以在IE8中嵌入自定义字体。

使用CSS的expression属性

使用CSS的expression属性可以在IE8中嵌入自定义字体。这种方法可能会导致性能问题，并且不推荐在生产环境中使用。

总之，解决IE8中的字体加载问题需要使用一些变通的方法。在实际开发中，需要根据具体情况选择合适的方法。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

postMessage实现跨域通信

；哦，“浏览上下文”呢是“一个将 Document 对象呈现给用户的环境”，你可以近似理解为平常我们看到的某个页面所处的环境； web通信不会有DOM被恶意暴露的危险；目前应用比较多的就是iframe...浏览器支持(至2012-02-27) web通信已经被Opera, Chrome, Safari支持，尽管Safari≤ 5.1.2的版本有bug....IE8 部分支持跨文档通信：只能和iframe通信，不支持新窗口通信。IE10 将支持通道通信。FireFox目前支持跨文档信息，但是并不支持通道通信。...上面已经提过，跨文档通信被IE8+浏览器支持，因此，本demo在IE8浏览器下也是有效果滴： OK，上面例子简单很，发送以及接收！...很厉害吧，不过遗憾的是，IE8/IE9/FireFox3.6及其以下版本只支持字符串数据。targetOrigin参数指接收文档的来源。

1.5K2 0

XSS挑战第一期Writeup

0×00起因这期XSS挑战的起因是在阅读“Modern Web Application Firewalls Fingerprinting and Bypassing XSS Filters”过后...虽然在Internet Explorer（IE8下测试）和Chrome（最新版本）当中，这种方法都可以直接把URL写到DOM中，但是Firefox会将URL编码过的内容写入到DOM中，导致无法完成HTML...之后Dun又使用了Webkit的BUG，再次缩短了自己的payload长度。（因为webkit跨域BUG的细节在很多地方都可以找到，我就不在这里造轮子了。）...javascript:aler"+"t%"+"281%"+"29 Galaxy的答案： "onblur=javascript:window.onblur=al%00ert;throw"1 该挑战者使用绕过IE8...webkit的跨域BUG+拖拽劫持（只附上了重要部分代码，效果见上图）。一个很用心的POC。当我们试图把硬币投入下面的黑框时触发。

83310 0

前端跨域知识简介

但2年过后，IE8以下的浏览器已经逐渐淡出市场，基本上跨域的方案可以由postMessage一统天下，于是在MessengerJS启发下，自己写了一个steamer-cross v2.0版本，更灵活的用法...v1.0版本可能有bug，仅供学习参考，v2.0已写测试样例，可以test文件夹中看到，文档不清楚的地方，也可以参考test/index.html的写法。...值得注意的是，ie8和ie9是通过XDomainRequest来进行CORS通信的。XDomainRequest同样支持get和post方法。对象详细内容请见参考资料。...实质的结构是，index.html里有一个iframe指向data.html，而data.html里又有一个iframe指向proxy.html。...window.navigator 这是ie6和ie7的一个安全bug。目前似乎还没有补丁打上，所以主页面和iframe页面之间可以自由调用。

8568 0

HTML和CSS面试题及答案总结一

答：网页标准和标准制定机构都是为了能让web发展的更健康，开发者遵循统一的标准，降低开发难度，开发成本，SEO也会更好做，也不会因为滥用代码导致各种BUG、安全问题，最终提高网站易用性。...您可以继续做任何愿意做的事情：点击、选取内容等等，而此时 web worker 在后台运行) web socket等等 7）拖放API：drag、drop 在HTML5中的移除元素： 1）纯表现的元素...21.iframe框架有那些优缺点有哪些呢？答： iframe框架的优点： 1）iframe能够原封不动的把嵌入的网页展现出来。...2）em是相对长度单位，相对于当前对象内文本的字体尺寸。 3）px定义的字体，无法用浏览器字体放大功能。...2） IE6双边距bug。 3）在ie6，ie7中元素高度超出自己设置高度。原因是IE8以前的浏览器中会给元素设置默认的行高的高度导致的。 4）min-height在IE6下不起作用。

1.2K1 0

CSS样式中汉字和字母分别使用不同字体的方法

Arial, “Microsoft YaHei”, “微软雅黑” 作为一个 web 开发者，你理应对 Windows, Mac OS, Linux 家族等常用操作系统里的系统字体有足够的了解，特别是中文...好了代码搬运完成，从测试结果来看（没有苹果的本子，只测试了windows）可以区别中英文字体了，其中IE9、IE9兼容模式（兼容IE8）、Chrome浏览器最新版本号、 Firefox浏览器最新版本号支持该...可是某些版本号的IE浏览器（IE7、IE8）无法实现该font-family属性的要求。...还会暴露出一些奇怪的 bug，如在这些版本号的浏览器下使用中文字体（比方微软雅黑），要把该中文字体放到font-family属性的首位，可是会导致英文字体也会使用该中文字体渲染。...即在这些浏览器（IE7、IE8）下不支持在font-family属性中为英文和中文字体分别使用不同的字体，所以我最终还是选择不区别，毕竟折腾来回意义并不是很大，但是代码却多了很多。

4.5K1 0

WEB：跨域

参考： https://developer.mozilla.org/zh-CN/docs/Web/Security/Same-origin_policy 下面精选了几个在实际项目中常用的跨域解决方案...参考： https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Access_control_CORS 3.2....浏览器兼容性目前主流浏览器都已基本提供对 CORS 的支持（IE8、9部分支持...）。 ? 3.3. 交互过程 ? 3.4. 代码示例 ? 3.5....缺点： IE8、9 只是部分支持 CORS（例如：不能发送Cookie）； https://blogs.msdn.microsoft.com/ieinternals/2010/05/13/xdomainrequest-restrictions-limitations-and-workarounds... 跨域 JS 调用标签常用于 WEB 应用间的界面集成父子页面间如何进行 JS 交互调用？父子页面跨域又如何调用？ 4.1. 父、子同域效果： ?

4863 0

【通信】跨文档通信含代码说明

概述出于安全和隐私方面的考虑，在web浏览器中，实施了不同域名下的文档间不能通信的举措，也就日常说的禁止跨域执行脚本。但是在某些开发场景中还是会出现需要通过执行跨域脚本来实现某些功能的案例。...说概念总是枯燥的，不妨先看个实际例子—不同iframe间的通信：代码示例 // iframe1: var form = document.getElementById("form"); form.onsubmit...说明 - iframe1中： window.parent.frames[1].postMessage(message, “*”) 这行代码效果是给iframe2发送一个消息即 iframe 中的 form...postMessage方法有两个参数： message：发送的数据，数据格式可以是字符串，结构对象、数据对象（如：File和ArrayBuffer）或者数组，不过需要注意的是IE8/IE9/FireFox3.6...transfer：可选参数 - iframe2中： window.addEventListener和window.attachEvent实现对iframe1发送消息事件的监听。

7772 0

HTMLCSS 常见面试题汇总

语义化更好的内容标签（header、footer、nav、article、section、aside）音视频标签（audio、video）画布API（Canvas）地理API（Geolocation） Web...iframe解决部分跨域问题；缺点： iframe会阻塞主页面的 onload 事件；无法被一些搜索引擎索引到；页面会增加服务器的http请求；会产生很多页面，不便于管理；很多移动设备无法完全显示框架...：**Quirks模式就是浏览器为了兼容早期针对旧版本浏览器设计、并未遵循W3C标准的网页而产生的一种页面渲染模式，这种模式又被成为“怪异模式”，简单来说就是一个新浏览器故意模拟许多在旧浏览器中存在的bug...px是相对长度单位，相对于显示器屏幕分辨率而言的； em是相对长度单位，相对于当前对象内文本的字体尺寸； px定义的字体，无法用浏览器字体放大功能；em的值并不是固定，会继承父级元素的字体大小， 1 ÷...浏览器默认的 margin 和 padding 不同 IE6双边距bug 在IE6、IE7中元素高度超出自己设置高度，原因是IE8以前的浏览器中会给元素设置默认的行高的高度导致的 min-height

1.5K2 0

Clickjacking简单介绍

是一种视觉欺骗手段，在web端就是iframe嵌套一个透明不可见的页面，让用户在不知情的情况下，点击攻击者想要欺骗用户点击的位置。...代码为：访问1.html之后可以看到页面并无跳转等动作。...三、XSS filter的利用 IE8以上以及Chrome浏览器都有XSS筛选器，这些可以用来对付防御frame嵌套的代码。防御代码如下： if(top!...代码如下：重点是手机站点，很多主站做的很不错...并且在IE8、Firefox3.6、Chrome4以上的版本均能很好的支持。

1K0 0

H5底部添加导航栏遮挡主体内容（移动端底部导航栏实现）

-- meta信息，可维护 --> </iframe

2.3K4 0

富文本编辑器开发简介

方式 iframe 页面中嵌入一个包含空HTML页面的iframe。设置designMode属性，使空白页面HTML的body可以被编辑。......justifyRight'); 添加缩进　　document.execCommand('indent'); 去掉缩进　　document.execCommand('outdent'); 文本格式字体类型...) 字体颜色　　document.execCommand('forecolor',false,sFontColor) 背景色 document.execCommand('backColor',false...range)：从选区中移除指定的DOM范围 selectAllChildren(node)：清除选区并选择指定节点的所有子节点 toString()：返回选区所包含的文本内容 * IE8-浏览器不支持，我试了IE8

4.1K2 0

1.7K1 0

点击劫持漏洞的学习及利用之自己制作页面过程

##界面劫持发展过程界面操作劫持攻击实际上是一种基于视觉欺骗的 web 会话劫持攻击，核心在于使用了标签中的透明属性，他通过在网页的可见输入控件上覆盖一个不可见的框，使得用户误以为在操作可见控件...点击劫持（ClickJacking）是一种视觉欺骗攻击手段，在web端就是iframe嵌套一个透明不可见的页面，让用户在不知情(被欺骗)的情况下，点击攻击者想要欺骗用户点击的位置。...#点击劫持(ClickJacking)漏洞原理点击劫持(ClickJacking)是一种视觉欺骗攻击手段，在web端就是iframe嵌套一个透明不可见的页面，让用户在不知情(被欺骗)的情况下，点击攻击者想要欺骗用户点击的位置...khtml-opacity: 0; /*提供给KHTML内核的*/ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /*提供给IE8...然后字体如下偏小，那么也可以慢慢调大按钮大小，再调大字体等等来达到最完美的状态：第二种方法：以火狐浏览器为例，首先按下F12，然后选中按钮，在右下角便可以看到按钮的样式了，选择一些决定按钮形状的css

1.9K1 0

响应式Web设计技巧以及入门技巧

*/ @media only screen and (min-width: 769px) { .class { background: #666; } } 字体、弹性图片、视频对于响应式网站来说应该有响应式的字体...，一个响应式的字体大小应关联它的父容器的宽度，这样它才可以适应客户端的屏幕。...rem 是相对于 HTML 元素的，不要忘了重置 HTML 的字体大小： html { font-size:100%; } 完成后，您可以定义响应式的字体大小，如下所示： @media (min-width...对于IE，仍然需要一点额外的工作： img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ } 弹性内嵌视频...max-width： 100%的设置；但是Safari对embed的该属性支持不是很给力，所以我们以width： 100%来代替： .video embed, .video object, .video iframe

1K8 0

什么是跨域？解决方案有哪些？

5、 postMessage跨域 6、跨域资源共享（CORS） 7、 nginx代理跨域 8、 nodejs中间件代理跨域 9、 WebSocket协议跨域一、通过jsonp跨域通常为了减轻web...="display:none;"> var iframe = document.getElementById('iframe'); iframe.onload...目前，所有浏览器都支持该功能(IE8+：IE8/9需要使用XDomainRequest对象来支持CORS）)，CORS也已经成为主流的跨域解决方案。...前端设置： 1）原生ajax // 前端设置是否带 cookiexhr.withCredentials = true; 示例代码： var xhr = new XMLHttpRequest(); // IE8...running at port 8080...'); 七、 nginx代理跨域 1、 nginx配置解决iconfont跨域浏览器跨域访问js、css、img等常规静态资源被同源策略许可，但iconfont字体文件

14.8K3 2

JS跨域请求解决方案

协议跨域 (1) 通过jsonp跨域通常为了减轻web服务器的负载，我们把js.css，img等静态资源分离到另一台独立域名的服务器上，在html页面中再通过相应的标签从不同域名下加载静态资源，而被浏览器允许...:none;"> var iframe = document.getElementById('iframe'); iframe.onload...目前，所有浏览器都支持该功能(IE8+：IE8/9需要使用XDomainRequest对象来支持CORS）)，CORS也已经成为主流的跨域解决方案。 1....前端设置 1.）原生ajax // 前端设置是否带cookie xhr.withCredentials = true; 示例代码： var xhr = new XMLHttpRequest(); // IE8...Nginx配置解决iconfont跨域浏览器跨域访问js.css.img等常规静态资源被同源策略许可，但iconfont字体文件(eot|otf|ttf|woff|svg)例外，此时可在nginx的静态资源服务器中加入以下配置

5K1 0

这次全了，8种超详细Web跨域解决方案！

目前，所有主流浏览器（IE10及以上）使用XMLHttpRequest对象都可支持该功能，IE8和IE9需要使用XDomainRequest对象进行兼容。...CORS简单请求跨域实现流程： CORS简单请求跨域代码示例： // IE8/9需用XDomainRequest兼容var xhr = new XMLHttpRequest()...CORS跨域缺点: 目前主流浏览器（IE10及以上）都支持CORS，但IE8和IE9需要使用XDomainRequest对象进行兼容，IE7及以下浏览器不支持。...data), url); }, false); postMessage方案优点：可以解决多种类型的前端跨域通信问题； postMessage方案缺点：兼容性方面相对差一点，IE8...总结了跨域问题的经验，并从ajax请求和前端通信两大方向进行梳理常用的跨域解决方法及其优缺点，希望可以作为大家在日常开发解决web跨域问题的参考。如果有描述不当之处，也希望大家随时进行沟通和指正。

2.1K3 0

前端常见跨域解决方案

代理跨域 8、 nodejs中间件代理跨域 9、 WebSocket协议跨域一、通过jsonp跨域通常为了减轻web服务器的负载，我们把js、css，img等静态资源分离到另一台独立域名的服务器上...="display:none;"> var iframe = document.getElementById('iframe'); iframe.onload...目前，所有浏览器都支持该功能(IE8+：IE8/9需要使用XDomainRequest对象来支持CORS）)，CORS也已经成为主流的跨域解决方案。...前端设置： 1.）原生ajax // 前端设置是否带cookie xhr.withCredentials = true; 示例代码： var xhr = new XMLHttpRequest(); // IE8...running at port 8080...'); 七、 nginx代理跨域 1、 nginx配置解决iconfont跨域浏览器跨域访问js、css、img等常规静态资源被同源策略许可，但iconfont字体文件

3K2 0

跨域请求方案终极版

8、 nodejs中间件代理跨域 9、 WebSocket协议跨域一、通过jsonp跨域通常为了减轻web服务器的负载，我们把js、css，img等静态资源分离到另一台独立域名的服务器上，在html...="display:none;"> var iframe = document.getElementById('iframe'); iframe.onload...目前，所有浏览器都支持该功能(IE8+：IE8/9需要使用XDomainRequest对象来支持CORS）)，CORS也已经成为主流的跨域解决方案。...前端设置： 1.）原生ajax // 前端设置是否带cookiexhr.withCredentials = true; 示例代码： var xhr = new XMLHttpRequest(); // IE8...at port 8080...'); 七、 nginx代理跨域 1、 nginx配置解决iconfont跨域浏览器跨域访问js、css、img等常规静态资源被同源策略许可，但iconfont字体文件

3.8K3 1

WEB 前端跨域解决方案

-- 父窗口 https://www.chuchur.com/a.html --> </iframe...style="display:none; " > var iframe = document.getElementById("iframe"); iframe.onload...目前，所有浏览器都支持该功能(IE8+：IE8/9 需要使用 XDomainRequest 对象来支持 CORS）)，CORS 也已经成为主流的跨域解决方案。...实现： //1）原生js var xhr = new XMLHttpRequest(); // IE8/9需用window....res.end(); }); }); server.listen('3000'); 7）nginx 反向代理跨域浏览器跨域访问 js、css、img 等常规静态资源被同源策略许可，但 iconfont 字体文件

8572 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云