1

我们正在使用带有@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 浏览器中的闪烁/变化。

我很感激任何见解！

4

2 回答 2

1

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

我遇到了完全相同的问题，字体粗细似乎闪烁/闪烁并且没有使用@font-face.

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

即使您没有使用 FlexSlider，我也建议您检查一下是否有一些 javascript 导致了这个问题。

于 2012-07-30T11:49:23.790 回答
0

听起来像字距调整。没有看到代码，很难准确地确定它。你在你的CSS中使用optimizeLegibility吗？您是否生成了跨浏览器兼容性的工具包？

于 2012-04-21T01:08:21.833 回答