淘先锋技术网

首页 1 2 3 4 5 6 7

CSS中的font-weight属性可以用来设置字体的粗细程度。它的取值包括数字和关键字两种类型,其中数字表示粗细程度的绝对值,关键字则表示相对的粗细程度。


.bold {
    font-weight: bold;
}

.light {
    font-weight: lighter;
}

.normal {
    font-weight: normal;
}

.heavy {
    font-weight: 800;
}

css font-weight 数字无效

然而,有时我们会发现在某些情况下使用数字设置的font-weight并不起作用,即使数字在规定范围内,如下面的代码:


.h1 {
    font-weight: 700;
}

这是因为数字可以表示任意的粗细程度,而不是仅限于规定的几个值。在实际应用中,字体库的支持程度也会影响数字设置的粗细程度是否起效。

解决这个问题的方法是使用关键字来设置字体的粗细程度,如下面的代码:


.h1 {
    font-weight: bold;
}

关键字的取值是固定的,同时也受到字体库的支持程度,但是相对于数字,关键字设置的font-weight更易于理解和操作。