答案 0 :(得分:7)
试试这个。
p
font: 'Helvetica Light', 'Helvetica', Arial, sans-serif
font-size: 12px
font-weight: 100
仅供参考, light 相对于继承的值有效。最好使用绝对值。
答案 1 :(得分:2)
最终对我有用的是将font-family设为Helvetica,将font-weight设置为更轻(但不是压缩格式,但不起作用)。
答案 2 :(得分:1)
你应该做几件事来清理它:
所有CSS规则都应以分号结尾,例如font-weight:lighter;
由于你有两个相同的CSS规则,最简单,最简洁的方法是:
p,
h2.light,
other_rules {
font: Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: lighter;
}
然后,对于您想要不同字体的一条规则,
p{ font: "Helvetica Light", Arial, sans-serif; }
请务必将您的例外置于下面一般规则(即按照我在此处显示的顺序),因为CSS是按顺序实施的,并且文档中的下一条规则将优先考虑。
答案 3 :(得分:0)
试试这个:
p, h2.light
font: "Helvetica Light", Arial, sans-serif
font-size: 12px
font-weight: lighter
答案 4 :(得分:0)
继承,建立一个基本的度量标准排版,因此设备不会破解风格的交叉点
body [role =“put something here”] h1,p等
font-size: 62.5%
Helvetica light,与unix-mac-windows-webfont混合(webfont需要js,可能会让你超越边缘
字体家庭
Helvetica Light, Helveticaneue Light, Calibri Light, Helveticaneue, Helvetica, Gill Sans, Myriad Pro, Arial, Lucida Grande, sans-serif
降低每个迈耶,或只尝试2小时,ss ...也,检查你的混合物 https://github.com/less/less.js/issues/389
Dan Cedarholm和Chris Coyier的网页设计师Sass