我创建了一个
fiddle试图使用Open Sans字体与font-weight 300:
@H_502_2@HTML
),其中一切看起来像在font-weight:400渲染。我做错了什么或Chrome有错误吗?有没有任何已知的解决方法? @H_502_2@更新: @H_502_2@Chrome绝对有问题,我在Chrome中的两个不同窗口中打开了两个相同页面的两个实例。一个是渲染字体好(300重量对应于轻型),一个不是(300重量与正常变体相同)。任何线索?我确保刷新每个选项卡中的页面,因此它们实际上是同一页面。 @H_502_2@更新2:
附加截图:错误: @H_502_2@更新3
这不是this的重复。在这个问题上,问题是“Arial Black”和“Arial”实际上是不同的字体。在我的情况下,Open Sans是唯一的字体,问题是Chrome拾取不正确的重量。从屏幕截图可以看出,Chrome与两个实例之间的字体呈现不一致。
<span class="demo">example</span>@H_502_2@CSS
.demo { font-weight: 400 !important; font-family: 'Open Sans' !important; font-style: normal; font-variant: normal; }@H_502_2@我使用Google字体来定义CSS @H_502_2@当在font-weight:300(light)和font-weight:400(normal)而不是Chrome(版本33.0.1750.117)中渲染时,我可以看到Firefox(Ubuntu 13.10)的区别
),其中一切看起来像在font-weight:400渲染。我做错了什么或Chrome有错误吗?有没有任何已知的解决方法? @H_502_2@更新: @H_502_2@Chrome绝对有问题,我在Chrome中的两个不同窗口中打开了两个相同页面的两个实例。一个是渲染字体好(300重量对应于轻型),一个不是(300重量与正常变体相同)。任何线索?我确保刷新每个选项卡中的页面,因此它们实际上是同一页面。 @H_502_2@更新2:
附加截图:错误: @H_502_2@更新3
这不是this的重复。在这个问题上,问题是“Arial Black”和“Arial”实际上是不同的字体。在我的情况下,Open Sans是唯一的字体,问题是Chrome拾取不正确的重量。从屏幕截图可以看出,Chrome与两个实例之间的字体呈现不一致。