internet-explorer-8 - 加载 webfont 文件完全挂起 IE8

Question

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

重现步骤：

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

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

包含 webfont 的 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 插件。

Answer 1

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

让我知道事情的后续！