字体粗细值无法正常工作

Question

我试图给文本窗口小部件一个font-weight属性但是它没有正常工作，这将显示值相同的更大胆的外观 100,200,300,400 and 500并对600产生重大影响。这是什么问题？我该如何解决？

.flip-menu-text {
    text-align: left;
    font-weight: 100;
    line-height: 1.125rem;
    padding: .5625rem 0;
    margin: 0;
    outline: 0;
    border: 0;
    font-size: 14px;
}

<span class="flip-menu-text">Widgets</span>

Answer 1

这与您提供的CSS无关，而与您所使用的字体（您未指定的字体）有关。

以this font为例。它有400（普通），600,700（粗体），800和300字体重量样式。

作为stated by CSS-Tricks：

  

为了使用400或700以外的值查看任何效果，使用的字体必须具有与指定权重匹配的内置面。

简而言之，如果您对可用的font-weight不满意，请尝试使用其他字体。