@ font-face被IE7忽略

Question

我已经使用Font Squirrel创建了@ font-face css规则和所有字体格式,并且在我到目前为止测试的所有浏览器上都能正常工作,但在IE7上却没有.字体似乎根本没有加载.

您可以在http://grupogamma.socialsnack.com/上查看该网站.

@ font-face规则在http://grupogamma.socialsnack.com/wp-content/themes/gamma/style.css上,字体在http://grupogamma.socialsnack.com/fonts/上

我的css片段由Font Squirrel生成:

@font-face {
    font-family: 'UniversCondensedLight';
    src: url('/fonts/univers-condensedlight-webfont.eot');
    src: url('/fonts/univers-condensedlight-webfont.eot?#iefix') format('eot'),
         url('/fonts/univers-condensedlight-webfont.woff') format('woff'),
         url('/fonts/univers-condensedlight-webfont.ttf') format('truetype'),
         url('/fonts/univers-condensedlight-webfont.svg#webfonteM3WTEhs') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UniversCondensed';
    src: url('/fonts/univers-condensed-webfont.eot');
    src: url('/fonts/univers-condensed-webfont.eot?#iefix') format('eot'),
         url('/fonts/univers-condensed-webfont.woff') format('woff'),
         url('/fonts/univers-condensed-webfont.ttf') format('truetype'),
         url('/fonts/univers-condensed-webfont.svg#webfontPDfnu2z9') format('svg');
    font-weight: normal;
    font-style: normal;

}

编辑:

通过使用Wireshark,我能够验证字体.eot确实已加载,并返回200 OK.content-type是application/vnd.ms-fontobject.所以加载了字体,但是没有使用/没有正确呈现.

Answer 1

似乎我的CSS中有其他东西让IE7表现得很糟糕(震惊!)

值得庆幸的是,使用一些魔法仙尘(zoom:1)解决了这个问题.