css - 使用模态窗口后 IE8 中的 @font-face 问题

标签 css internet-explorer iframe modal-dialog font-face

我在我正在处理的网站上使用@font-face,并且在我使用模式窗口显示 iframe 之前,所有内容都可以完美地跨浏览器运行。

当单击 iframe 中的链接或提交表单时,Internet Explorer 8 会丢失 @font-face 样式并恢复为 Arial。如果使用 iframe 打开模态窗口,然后再次关闭,然后用户突出显示文本,也会出现此问题。一旦文本突出显示,它就会失去其字体样式。

是否有其他人遇到过此问题或找到解决方法?

最佳答案

我也发现了这个问题。我做了一些尝试重现的工作,发现它变化很大。有时会发生,有时不会。

在这里查看我的完整帖子: http://kenneth.kufluk.com/blog/2010/02/losing-face-with-ie8/

要尝试的事情:

  1. 检查您的文档类型是否匹配
  2. 删除所有后备字体(有点苛刻,但似乎有效)
  3. 窗口关闭后使用 JavaScript 重新加载样式表

关于css - 使用模态窗口后 IE8 中的 @font-face 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2235919/

相关文章:

html - 页面中间两个div一个在另一个下面

java - 如何在多个浏览器中运行 Selenium 测试以使用 Java 进行跨浏览器测试?

ios - UIWebview 没有在 iFrame 中加载 youtube 视频

css - css动画可以得到-moz-animation的简写吗?

css - Chrome 中的 100% 宽度问题

css - 输入文本溢出 : ellipsis; for Opera and IE does not work

css - 为什么我的 *+html CSS 在 IE7 中工作

javascript - 仅在模态打开时加载 iframe src

javascript - 如何将iframe中的字段值提取到主页中

css - 将图像定位在 Div 上