@ font-face字体重量随页面加载而变化(重量设置为正常)

时间:2012-04-18 13:59:36

标签: css fonts font-face

我们正在使用带有@ font-face的Interval Sans。每个字体元素都应用了font-weight:normal。没有与元素相关联的强字段。

http://www.fontspring.com/fonts/mostardesign/interval

在几个文本元素上,当页面首次加载时,我们会看到正确而细长的字体渲染。过了一会儿,字体“人为地增加了重量”,这消除了自定义字体的好效果。

这是一个30秒的视频,显示它发生: http://www.screencast.com/t/vGN6zLbKh

我已广泛搜索,几乎所有结果都与将自然字体权重添加到没有全套字体权重的自定义字体有关。我们对我们的问题感到茫然。

在Mac Chrome中可以看到字体粗细问题,但在Mac Firefox和Safari中它们会立即变为粗体。我们的开发团队表示他们无法重现Windows浏览器中的闪烁/变化。

我很感激任何见解!

2 个答案:

答案 0 :(得分:1)

您是否碰巧在网站上使用FlexSlider

我遇到了与flash / flicker似乎没有使用@font-face的字体重量完全相同的问题。

在花了一些时间调试之后,我发现Flexslider脚本中的slideshowSpeed变量导致了问题。我删除了该变量的自定义设置,闪烁的文本消失了。

即使你没有使用FlexSlider,我也建议你查看是否有一些javascript导致了这个问题。

答案 1 :(得分:0)

听起来像是字距调整。没有看到代码,很难完全确定。你在css中使用optimizeLegibility吗?你是否为跨浏览器兼容性生成了一个套件?