font-weight：900仅适用于Firefox

Question

.bold{
font: 900 20px helvetica;
}

.bolder{
font: 700 20px helvetica;
}

除了Mozilla Firefox，我得到的结果相同。

任何人都可以告诉我如何在所有浏览器中获得相同的结果（Firefox，Chrome，IE，Safari，歌剧）

Answer 1

这取决于字体。重量必须在显示的字体中可用，否则浏览器将选择最接近的可用重量。

Helvetica不得将所有权重嵌入字体文件中。

在此处阅读更多内容：https://developer.mozilla.org/en/CSS/font-weight

它说：

  

100,200,300,400,500,600,700,800,900

     

提供超过普通和粗体的字体的数字字体粗细。如果给出的确切重量不可用，则600-900使用最接近的可用较暗的重量（或者，如果没有，则使用最接近的较轻重量），并且100-500使用最接近的较轻重量（或者，如果没有则） ，最接近可用的较暗的重量）。这意味着对于仅提供普通和粗体的字体，100-500是正常的，600-900是粗体。

也许不同的浏览器在权重不可用时对如何处理字体权重有不同的规则。

Answer 2

大多数计算机没有名为“helvetica”的字体，因此浏览器将回退到其默认字体。在不同的浏览器中，这可能会有所不同。人们计算机上的大多数字体只有正常和粗体字体重，所以有点令人惊讶的是，有些浏览器在某些情况下实现的重量900与700不同。