CSS中的font-weight属性可以用来设置字体的粗细程度。它的取值包括数字和关键字两种类型,其中数字表示粗细程度的绝对值,关键字则表示相对的粗细程度。
.bold { font-weight: bold; } .light { font-weight: lighter; } .normal { font-weight: normal; } .heavy { font-weight: 800; }
然而,有时我们会发现在某些情况下使用数字设置的font-weight并不起作用,即使数字在规定范围内,如下面的代码:
.h1 { font-weight: 700; }
这是因为数字可以表示任意的粗细程度,而不是仅限于规定的几个值。在实际应用中,字体库的支持程度也会影响数字设置的粗细程度是否起效。
解决这个问题的方法是使用关键字来设置字体的粗细程度,如下面的代码:
.h1 { font-weight: bold; }
关键字的取值是固定的,同时也受到字体库的支持程度,但是相对于数字,关键字设置的font-weight更易于理解和操作。