我正在尝试使用与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