在Chrome中忽略字体重量

我创建了一个小提琴,试图使用字体重量为300的Open Sans字体:

HTML

<span class=“demo”>示例&lt/span>

CSS

.demo{
字体重量:400!重要;
字体系列:“开放SAN”!重要;
字体风格:普通;
字体变体:正常;
}

我使用谷歌字体来定义CSS

我可以看到Firefox(Ubuntu13.10)在字体大小为300(轻)和字体大小为400(正常)时的渲染效果有所不同,但在Chrome(版本33.0.1750.117)中没有
),其中所有内容看起来都是以字体大小400呈现的。我是做错了什么还是Chrome中有bug?是否有已知的解决方法

更新

chrome肯定有问题,我在chrome的两个不同窗口中打开了同一页面的两个实例。一个是渲染字体ok(300权重对应于轻型变体),另一个不是(300权重与普通变体相同)。有什么线索吗?我已确保刷新每个选项卡中的页面,使它们实际上是同一页面

更新2
附加的屏幕截图:错误的:

更新3
这不是该文件的副本。在这个问题上,问题是“Arial Black”和“Arial”实际上是不同的字体。在我的例子中,OpenSans是唯一的字体,问题是Chrome有时会拾取不正确的权重。从屏幕截图中可以看出,即使在两个实例之间,Chrome也与呈现的字体不一致

将此添加到CSS中:

*{-webkit字体平滑:抗锯齿;}

发表评论