font-weight:900 仅适用于 Firefox答案

【问题标题】：font-weight:900 only working in Firefoxfont-weight:900 仅适用于 Firefox
【发布时间】：2012-02-10 22:48:06
【问题描述】：

.bold{
font: 900 20px helvetica;
}

.bolder{
font: 700 20px helvetica;
}

除了 Mozilla Firefox 之外，我在两个类中得到了相同的结果。

谁能告诉我如何在所有浏览器（Firefox、Chrome、IE、safari、opera）中获得相同的结果

【问题讨论】：

标签： css fonts cross-browser

【解决方案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 是粗体。

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

【讨论】：

呃，Arial 不是“Windows 上的 Helvetica”。
@JaredFarrish：虽然它们看起来非常相似，但它们确实不是同一种字体。除非您从 Linotype 购买字体，否则 Windows 上没有称为“Helvetica”的默认字体——尽管许多人在他们的样式表中指定 Arial 作为 Helvetica 的替代品。我编辑了我的帖子。
微软多年前指定 Arial 作为 Helvetica 的替代品，因为它们太便宜而无法获得 Helvetica 的许可，所以它在某种意义上是为了模仿 Helvetica，但它们不是同一种字体。更不用说 Arial 很丑，这就是 Calibri 被委托替换它的原因，而 Helvetica 被认为是可用的最漂亮的字体之一。这只是其中之一；您的意思是“如果 Helvetica 不可用，浏览器可能会根据偏好替换另一种字体（如 Arial）”。但它们是两种完全不同的不同字体。

【解决方案2】：

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

【讨论】：