使用'较轻'的字体重量

时间:2011-09-23 23:49:14

标签: html css sass

5 个答案:

答案 0 :(得分:7)

试试这个。

p
  font: 'Helvetica Light', 'Helvetica', Arial, sans-serif
  font-size: 12px
  font-weight: 100

仅供参考, light 相对于继承的值有效。最好使用绝对值。

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

答案 1 :(得分:2)

最终对我有用的是将font-family设为Helvetica,将font-weight设置为更轻(但不是压缩格式,但不起作用)。

答案 2 :(得分:1)

注意:这个答案是在OP指定的SASS之前写的。它仅适用于CSS。

你应该做几件事来清理它:

分号

所有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