CSS中字体的粗细
如字体设置了bold、italic或者oblique等属性,浏览器一般都会首先尝试选择真实存在的衍生字体。若衍生字体不存在,浏览器就会调整常规字体,让它显示为bold、italic或者oblique等样式。真实字体和自动调整形成的字体,在视觉上有明显的区别,有经验的设计师能很快区分它们...
属性 | 值 | 效果 |
---|
font-weight | normal | 用常规字体显示,和weight为400等价。 |
font-weight | bold | 粗体显示,一般情况下对应于700的weight值,对少数字体对应于600的weight值。 |
font-weight | (300) | 字体比正常粗细显得纤细,取值范围从最细的100到最粗的900。 |
font-weight | bolder | 文字显得比继承值更粗。例如一个段落的粗细已是bold,而这个段落内的strong元素的粗细为bolder,那这个strong元素中的文字,将比段落内的其他文字更粗。唯一的例外是,假如继承得来的粗细已经是最高值900,那应用bolder后依然是900。 |
font-weight | lighter | 文字显得比继承值更细。如果继承的weight值为300,那计算所得的值将为200。于bolder类似的是,若继承值为100,计算所得的值还是100。 |
font-weight | inherit | 使本段文字的字体粗细和父元素的一致。 |