【发布时间】:2012-10-27 18:20:12
【问题描述】:
我在 IE9 中无法加载 @font-face 字体时遇到问题。 IE8 及以下版本完美运行,我尝试过的所有其他浏览器也是如此。 这是我的 CSS(字体松鼠语法):
@font-face {
font-family: 'ssmicon';
src: url('ssmfont3.eot');
src: url('ssmfont3.eot?#iefix') format('embedded-opentype'),
url('ssmfont3.woff') format('woff'),
url('ssmfont.ttf') format('truetype'),
url('ssmfont.svg#svgssmfont') format('svg');
font-weight: normal;
font-style: normal;
}
所有字形都在基本拉丁语范围内(我在某处读到 IE 可能会出现问题)并且位于同一台服务器上(因此没有跨域问题)。我已将 Access-Control-Allow-Origin 设置为 * 以防万一。仍然没有成功(至少不是根据http://netrenderer.com/。不幸的是,我目前无法访问 IE 浏览器)。这是一个受影响的页面:http://xn--ssongsmat-v2a.nu/ssm/Test3
任何其他想法 IE9/10 可能对网络字体有什么具体要求?
【问题讨论】:
-
我之前也遇到过类似的问题,我想也许重新下载套件可能已经解决了。
-
我可以确认问题存在于标准模式下的 IE 9 上(在 Windows 7 上)。不在怪癖模式下。控制台日志中有神秘的错误消息。页面的 CSS 代码比较庞大,建议您尝试隔离问题,从只设置可下载字体的简单页面开始。
-
compass 产生这样的一条线并且工作在 ie: src: url('../fonts/
.eot?#iefix') format('eot'); -
我目前最好的猜测是可能是 css 缩小造成了麻烦。不过,仍在调查中。
标签: css internet-explorer-9 webfonts internet-explorer-10