使用'较轻'的字体重量

but*_*bat 4 html css sass

我正在尝试使用与Helvetica捆绑在一起的"Helvetica Light"字体.要做到这一点,我读到我必须指定"Helvetica Light"和字体重量:更轻.我只是通过这样做(在SASS中)才能使这个工作:

  p    
    font: "Helvetica Light", Arial, sans-serif
    font-size: 12px
    font-weight: lighter
Run Code Online (Sandbox Code Playgroud)

在其他情况下,

 h2.light    
    font: Helvetica, Arial, sans-serif
    font-size: 12px
    font-weight: lighter
Run Code Online (Sandbox Code Playgroud)

(或使用font-family而不是font)

这真的很奇怪,到目前为止唯一有效的组合(将所有属性组合成'font'不起作用,并且调用font:as font-family:有时不起作用.

在另一个规则中,我无法让它工作,除非我只有font-weight: lighter没有指定字体(但它继承了Helvetica).

现在我复制了完全相同的字体样式并将其p放入其中h4并且它不再有效.跆拳道?我做错了什么/为什么这么错?

编辑:这不是语法问题.对于下面的答案,请注意我正在使用SASS.不需要分号和括号. 我正在编辑的文件也是5k行(向下移动)并分组为有些组织的部分.所以我想保持这些部分完好无损,直到我可以重构它,但是我不能将所有的p和h2.lights组合在一起,因为它们在不同的部分.谢谢!

小智 7

试试这个.

p
  font: 'Helvetica Light', 'Helvetica', Arial, sans-serif
  font-size: 12px
  font-weight: 100
Run Code Online (Sandbox Code Playgroud)

仅供参考,较轻的工作相对于继承的值.最好使用绝对值.

http://www.w3.org/TR/CSS2/fonts.html#font-boldness

  • 没有较低的字体粗细对我做任何事情.我知道打火机是相对的,但由于某种原因没有其他任何工作. (2认同)

but*_*bat 3

最终对我有用的是将字体系列设置为 Helvetica,将字体粗细设置为较轻(但不是压缩格式,这不起作用)。