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

时间:2013-06-23 18:26:03

标签: css

我遇到了font-weight属性的问题,这可能是一个明显的解决方法,但我似乎无法弄明白,任何帮助都会受到赞赏。

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

这是我尝试为页面设置的字体,但在任何浏览器中,font-weight属性似乎都没有做任何事情。它似乎保持默认权重,无论我使用lighterbold还是300,它对字体都没有任何影响。我也尝试使用Impact字体,我遇到了同样的问题。有什么提示吗?

4 个答案:

答案 0 :(得分:2)

请参阅http://codepen.io/hwg/pen/uqELh - 正如您所提到的,它显然无效。

我认为这是因为Impact,Charcoal或Arial的重量都比他们已经使用的重量轻,而且你的浏览器不能“伪造”字体。

Arial当然确实有一个更大胆的脸,但如果你安装了所需的字体,那么它就不会显示出来。

无法更改 - 尝试其他字体,例如Open Sans。或 Oswald 表示“影响”风格。

答案 1 :(得分:0)

许多字体只有1个重量。影响只有一个重量。我不能特别谈论Charcoal,但我猜这个字体只有一个重量。如果该类型没有粗体,CSS将不会创建人造粗体。

答案 2 :(得分:0)

大多数浏览器不支持合成较轻版本的字体(使用300或较轻的字体权重),因为在某些浏览器中可以使用它来加强(使用粗体或700作为字体粗细)。由于Impact和可能的Charcoal只有一个重量,因此在大多数浏览器中,字体的“较轻”重量看起来都相同。

CSS Fonts Level 3说:

  

虽然这种做法并不受印刷师喜爱,但大胆的面孔   通常由用户代理为缺少实际粗体的面部合成。   出于样式匹配的目的,必须将这些面视为它们   在家庭中存在。

但对于较轻版本的字体,没有类似的说明。

答案 3 :(得分:-1)

也许字体没有指定的重量?