我已经使用
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/上
由Font Squirrel生成的我的css片段：
@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.所以加载了字体,但是没有使用/没有正确呈现.
解决方法
似乎我的CSS中还有其他东西让IE7表现得很糟糕(震撼！)
值得庆幸的是,使用一些神奇的仙尘(zoom：1)解决了这个问题.
