Css 字体权重打火机不是字体权重值

我的样式表有一个验证器错误，但我不知道如何解决这个问题。 错误：

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;
}

“更轻”不是标准值吗？或者我必须使用“字体重量：100”来代替？我很困惑

“更轻”不是标准值吗

不在

@font-face

规则范围内，它没有任何东西可以相对较轻，请参阅

或者我必须使用“字体重量：100”来代替

---

是

较轻权重的值与父元素的权重值相关。在

@font-face

的情况下，没有父元素，因此无法确定较轻的字体重量

因此，是的，您必须使用

字体重量：100如果这是你想要的重量

值得注意的是，
100
并不等于
lighter
。
打火机的值取决于父值。例如，如果父值为
900
，则
lighter
会将该值设置为
700
（）。
值不会继承值，而将属性设置为值会阻止继承。您可能试图说该值相对于父元素的值。Open SAN的权重不为100。它的最小重量是300，而OpenSansLight这个名字通常用于该字体。所以显然应该使用
font-weight:300
。