Question

我的样式表出现了验证者错误，但我不知道如何解决这个问题。错误：

Value Error : font-weight lighter is not a font-weight value : lighter

导致错误的CSS：

@font-face {
    font-family: 'opensans';
    src: url('../fonts/OpenSans-Light-webfont.eot');
    src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Light-webfont.woff') format('woff'), url('../fonts/OpenSans-Light-webfont.svg#opensans') format('svg');
    font-weight: lighter;
    font-style: normal;
}

Isn＆＃34; t＆＃34;更轻＆＃34;一个标准值？或者我必须使用＆＃34; font-weight：100＆＃34;代替？我很困惑。

Answer 1

lighter权重的值与父元素的权重值相关。在@font-face的情况下，没有父元素，因此无法确定较轻的字体权重。

所以是的，如果这是你想要的体重，你将不得不使用font-weight: 100;。

值得注意的是100不等于lighter。 lighter的值取决于父值。例如，如果父值为900，lighter会将值设置为700（as noted in the specification）。

Answer 2

“较轻”不是标准值吗？

不在@font-face规则范围内，相对于它而言，没有任何内容可以更轻松，请参阅the spec。

或者我必须使用“font-weight：100”吗？

是

font-weight lighter不是font-weight值

2 个答案: