我创建了一个@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;
}
EDIT:
通过使用 Wireshark,我能够验证字体 .eot 确实已加载,并返回 200 OK。内容类型是 application/vnd.ms-fontobject。因此字体已加载,但只是未使用/未正确呈现。
我的 css 中似乎还有其他东西导致 IE7 表现不佳(令人震惊!)
值得庆幸的是,使用一些魔法仙尘(缩放:1)解决了这个问题。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)