加载webfont文件完全挂起IE8

时间:2013-11-07 23:39:35

标签: internet-explorer-8 webfonts

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

重现的步骤:

  1. 使用IE8(Microsoft的IE8在Windows和Windows XP中测试Windows 7 VM时都存在问题。)
  2. 打开http://kopterid.ee
  3. 点击“Tooted”链接
  4. 点击“Esileht”链接
  5. 重新加载页面(F5)
  6. 这是我得到的(页面不刷新,只是挂起或空白): IE 8 message when it has hung

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

1 个答案:

答案 0 :(得分:6)

你可以尝试这个技巧:@font-face crashes IE8?它过去对我有用。 (我没有尝试过你的具体情况,但它可能会奏效)

让我知道它是怎么回事!