@ Font -face字体粗细随页面加载而变化(粗细设置为normal)
我们将Interval Sans与@font-face一起使用。每个字体元素都应用了font-weight:normal。没有与元素相关联的强字段。
http://www.fontspring.com/fonts/mostardesign/interval
在几个文本元素上，当页面第一次加载时，我们看到了正确而细长的字体呈现。过了一会儿，字体人为地“增加了重量”，这就夺走了自定义字体的良好效果。
这是一段30秒的视频，展示了这种情况的发生：http://www.screencast.com/t/vGN6zLbKh
我在谷歌上进行了广泛的搜索，几乎所有的结果都与向没有全套字体粗细的自定义字体添加人工字体粗细有关。我们对我们的问题束手无策。
在Mac Chrome中可以看到字体粗细问题，但在Mac Firefox和Safari中，字体粗细问题立即变得非常粗体。我们的开发团队说他们不能重现Windows浏览器中的闪烁/变化。
感谢您的真知灼见！
回答 2
Stack Overflow用户
发布于 2012-07-30 19:49:24
你是否碰巧在网站上使用FlexSlider？
我有完全相同的问题，字体粗细似乎闪烁/闪烁，而不是使用@font-face。
在花了一些时间调试之后，我发现Flexslider脚本中的slideshowSpeed变量导致了这个问题。我删除了该变量的自定义设置，闪烁的文本消失了。
即使你没有使用FlexSlider，我也建议你检查一下是不是javascript的一些代码导致了这个问题。
Stack Overflow用户
发布于 2012-04-21 09:08:22
听起来像是字距调整。如果不看代码，就很难准确地确定它。你在你的css中使用optimizeLegibility吗？你有没有生成一个跨浏览器兼容性的工具包？
https://stackoverflow.com/questions/10210973
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号