加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 资源网站 > 资源 > 正文

HTML – Chrome中忽略字体重量

发布时间:2020-12-14 21:43:16 所属栏目:资源 来源:网络整理
导读:我创建了一个 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字体来定义C
我创建了一个 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)的区别
),其中一切看起来像在font-weight:400渲染。我做错了什么或Chrome有错误吗?有没有任何已知的解决方法?

更新:

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

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

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

解决方法

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

到目前为止,它似乎发生在Linux和Windows(已确认)上。

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

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

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

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读