Chrome 会忽略字体大小大于 1.2em 的字体粗细答案

【问题标题】：Chrome ignores font weight with font size larger than 1.2emChrome 会忽略字体大小大于 1.2em 的字体粗细
【发布时间】：2020-04-21 15:15:11
【问题描述】：

我刚刚更新了我的 Chrome 浏览器，但出于某种奇怪的原因，我网站的标题看起来更薄了。我做了一些研究，当字体粗细大于 1.2em 时会出现问题。 1.2em 和更小的工作正常。

系统：

MacBook Pro 版本 10.15.2 Catalina
Google Chrome 版本 81.0.4044.113（官方版本）（64 位）

我的 CSS：

body, button, input, select, textarea {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-size: 1em;
    font-weight: 600;
}

h1, .h1 {
    font-size: 1.65em;
}

研究：

这个问题与字体平滑无关（我仔细检查过），但我认为这可能与字体有关，因为当我删除-apple-system, BlinkMacSystemFont 问题就消失了。
它不仅与标题有关，还出现在其他元素上，例如字体大小大于 1.2em 的按钮。

字号：1.3em：

字体大小：1.2em：

【问题讨论】：

标签： css google-chrome

【解决方案1】：

这似乎是 Chrome 的问题，可能会在下一次 Chrome 更新中解决https://www.bram.us/2020/04/09/chrome-vs-blinkmacsystemfont-when-bold-is-not-bold/

【讨论】：