font-weight:900仅适用于Firefox

Question

.bold{
font: 900 20px helvetica;
}

.bolder{
font: 700 20px helvetica;
}

除了Mozilla Firefox,我得到的结果相同.

任何人都可以告诉我如何在所有浏览器中获得相同的结果(Firefox,Chrome,IE,safari,opera)

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是粗体.

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