加载 webfont 文件完全挂起 IE8答案

【问题标题】：Loading webfont files completely hangs IE8加载 webfont 文件完全挂起 IE8
【发布时间】：2013-12-06 05:16:15
【问题描述】：

我遇到了一个非常奇怪的 IE8 加载问题 - 每当我在页面上执行某些步骤时，IE8 都会挂起并尝试永远加载 webfonts（.eot 文件）。

重现步骤：

使用 IE8（Microsoft 的 IE8 在 Windows 和 Windows XP 中测试 Windows 7 VM 时都存在问题）。
打开http://kopterid.ee
点击“Tooted”链接
点击“Esileht”链接
重新加载页面 (F5)

这是我得到的（页面不刷新，只是挂起或空白）：

包含网络字体的 CSS：

@font-face {
  font-family: 'WebSymbolsRegular';
  src: url("typefaces/websymbols-regular-webfont.eot");
  src: url("typefaces/websymbols-regular-webfont.eot?#iefix") format('embedded-opentype'), url("typefaces/websymbols-regular-webfont.woff") format('woff'), url("typefaces/websymbols-regular-webfont.ttf") format('truetype'), url("typefaces/websymbols-regular-webfont.svg#WebSymbolsRegular") format('svg');
  font-weight: normal;
  font-style: normal;
  speak: none;
}

@font-face {
  font-family: 'icomoon';
  src: url("typefaces/icomoon.eot");
  src: url("typefaces/icomoon.eot?#iefix") format('embedded-opentype'), url("typefaces/icomoon.woff") format('woff'), url("typefaces/icomoon.ttf") format('truetype'), url("typefaces/icomoon.svg#icomoon") format('svg');
  font-weight: normal;
  font-style: normal;
  speak: none;
}

我已尝试禁用所有插件、gzip 压缩等，但问题仍然存在。

该网站使用带有 Mystile 主题的 Wordpress WooCommerce 插件。

【问题讨论】：

标签： internet-explorer-8 webfonts

【解决方案1】：

你可以试试这个技巧：@font-face crashes IE8 ?过去它对我有用。（我没有针对您的具体情况尝试过，但它可能会起作用）

告诉我进展如何！

【讨论】：

几天前也发现了这个帖子。将测试它！