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-variant: normal; } 我使用Google字体来定义CSS 当在font-weight:300(light)和font-weight:400(normal)而不是Chrome(版本33.0.1750.117)中渲染时,我可以看到Firefox(Ubuntu 13.10)的区别 更新: Chrome绝对有问题,我在Chrome中的两个不同窗口中打开了两个相同页面的两个实例。一个是渲染字体好(300重量对应于轻型),一个不是(300重量与正常变体相同)。任何线索?我确保刷新每个选项卡中的页面,因此它们实际上是同一页面。 更新2: 更新3 解决方法
这似乎是Chrome / Chromium错误,是因为您的系统上安装了字体。其他浏览器似乎没有受到这个问题的困扰。
到目前为止,它似乎发生在Linux和Windows(已确认)上。 由于某些原因,它将加载您的本地字体,并忽略任何您的字体重量规则,即使它们重要。它甚至不会与自己一致:字体重量可以在标签页和页面重新加载之间随机改变。 最简单的解决方法是删除字体,但如果您需要其他东西,那可能是一个问题。 您也可以尝试将该字体重命名为别的东西,以强制Chrome使用您的网页字体并兑现您的CSS字体规则。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |