使用JavaScript,IE @ font-face不稳定?

时间:2011-04-22 16:49:05

标签: javascript internet-explorer-8 font-face

我遇到了Windows 7上的Internet Explorer 8和@ font-face字体(由Font Squirrel生成)的问题。 IE将正常加载页面,包括所有正确的字体。然后,有时在页面加载后几秒钟,有时在一个简单的jQuery调用(使用jQuery Cycle插件的交叉渐变div)之后,它将恢复为后退字体。有时,它会在另一个div循环后再次恢复为正确的字体。

此行为可能发生在页面的任何部分,甚至是不受JS影响的部分。有时它也使用后备字体,但使用@ font-face字体的间距,渲染重叠字母。

还有其他人注意到这种行为吗?

我通过Parallels在Mac上运行Windows,如果这有任何区别的话。

更新:不知道为什么我之前没有尝试过,但是禁用JavaScript确实会使字体显示功能正常。

1 个答案:

答案 0 :(得分:2)

如果有人绊倒了这个问题:这个问题与Facebook的Like Button代码有关,并且与jQuery无关。解决方案是将Facebook代码移动到页面底部,就在结束</body>标记之上。

感谢: Facebook JS affecting CSS/@font-face in IE?