css - font-weight 属性似乎不适用于任何浏览器

Question

我的font-weight房产有问题，这可能是一个明显的修复，但我似乎无法弄清楚，任何帮助将不胜感激。

body
{
    font-family: charcoal, arial, sans-serif;
    font-size:small;
    font-weight:lighter;
}

这是我试图为页面设置的字体，但是 font-weight 属性似乎在任何浏览器中都没有做任何事情。它似乎保持在默认重量以及我是否使用lighter，bold或者300它对字体根本没有影响。我也用 Impact 字体试过这个，我也遇到了同样的问题。有小费吗？

score 2 · Accepted Answer

请参阅http://codepen.io/hwg/pen/uqELh - 正如您所提到的，它显然是行不通的。

我认为这是因为 Impact、Charcoal 或 Arial 都没有比他们已经使用的更轻的重量，而且您的浏览器不能“人造光”字体。

Arial 当然确实有一个更大胆的面孔，但如果您安装了所需的字体，那么它显然不会显示。

这无法更改 - 尝试另一种字体，例如Open Sans。或者奥斯瓦尔德的“影响”风格。

score 0 · Accepted Answer

许多字体只有 1 个权重。Impact只有一个权重。我不能专门为 Charcoal 说话，但我猜这种字体也只有一个权重。如果该类型没有粗体，CSS 将不会创建假粗体。

score 0 · Accepted Answer

大多数浏览器不支持合成较轻版本的字体（使用 300 或更轻的字体粗细），这在某些浏览器中可能会加粗（使用粗体或 700 作为字体粗细）。由于 Impact 和可能 Charcoal 只有一个权重，因此“较轻”字体的权重在大多数浏览器中看起来都一样。

尽管这种做法不受排版人员的喜爱，但用户代理通常会为缺乏实际粗体面孔的面孔合成粗体面孔。出于风格匹配的目的，这些面孔必须被视为存在于家族中。

但是对于较轻的字体版本没有类似的注释。

score -1 · Accepted Answer

-1

也许字体只是没有指定的重量？

于 2013-06-23T18:28:15.647 回答

4 回答 4