Schriftgewichtswert funktioniert nicht richtig

Question

Ich habe versucht, eine font-weight Eigenschaft geben Widgets in Text, aber es ist nicht richtig funktioniert, die das gleiche kühne Aussehen für die Werte 100,200,300,400 and 500 zeigen und einen großen Einfluss auf 600 zeigen. Was ist das Problem? Wie kann ich es reparieren?

.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

Das hat nichts mit der CSS zu tun, Sie zur Verfügung gestellt und mehr zu tun mit der Schrift in Frage (die Sie nicht angegeben).

Nehmen Sie zum Beispiel this font. Es hat 400 (normal), 600, 700 (fett), 800 und 300 Schriftarten.

Als stated by CSS-Tricks:

Um andere Werte als 400 oder 700 um einen Effekt zu sehen verwenden, die Schrift muss eingebaute in Gesichter, die die angegebenen Gewichte entsprechen verwendet werden.

Kurz gesagt, wenn Sie mit dem font-weight nicht zufrieden sind, versuchen Sie es mit einer anderen Schriftart.