HTML – Chrome中忽略字体重量

概述我创建了一个 fiddle试图使用Open Sans字体与font-weight 300： HTML <span class="demo">example</span> CSS .demo { font-weight: 400 !important; font-family: 'Open Sans' !important; font-style: normal; font-vari 我创建了一个 fiddle试图使用Open Sans字体与Font-weight 300：

HTML

<span >example</span>

CSS

.demo {  Font-weight: 400 !important;  Font-family: 'Open Sans' !important;  Font-style: normal;  Font-variant: normal;}

我使用Google字体来定义CSS

当在Font-weight：300(light)和Font-weight：400(normal)而不是Chrome(版本33.0.1750.117)中渲染时，我可以看到firefox(Ubuntu 13.10)的区别
)，其中一切看起来像在Font-weight：400渲染。我做错了什么或Chrome有错误吗？有没有任何已知的解决方法？

更新：

Chrome绝对有问题，我在Chrome中的两个不同窗口中打开了两个相同页面的两个实例。一个是渲染字体好(300重量对应于轻型)，一个不是(300重量与正常变体相同)。任何线索？我确保刷新每个选项卡中的页面，因此它们实际上是同一页面。

更新2：
附加截图：错误：

更新3
这不是this的重复。在这个问题上，问题是“Arial Black”和“Arial”实际上是不同的字体。在我的情况下，Open Sans是唯一的字体，问题是Chrome拾取不正确的重量。从屏幕截图可以看出，Chrome与两个实例之间的字体呈现不一致。

解决方法 这似乎是Chrome / Chromium错误，是因为您的系统上安装了字体。其他浏览器似乎没有受到这个问题的困扰。

到目前为止，它似乎发生在linux和windows(已确认)上。

由于某些原因，它将加载您的本地字体，并忽略任何您的字体重量规则，即使它们重要。它甚至不会与自己一致：字体重量可以在标签页和页面重新加载之间随机改变。

最简单的解决方法是删除字体，但如果您需要其他东西，那可能是一个问题。

您也可以尝试将该字体重命名为别的东西，以强制Chrome使用您的网页字体并兑现您的CSS字体规则。

总结

以上是内存溢出为你收集整理的HTML – Chrome中忽略字体重量全部内容，希望文章能够帮你解决HTML – Chrome中忽略字体重量所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。