font-weight: 300 gilt als schädlich

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Tomáš Janoušek

Viele Webseiten setzen heutzutage font-weight: 300 in ihrem Stylesheet. Mit DejaVu Sans als meiner bevorzugten Schriftart führt dies zu sehr dünnem und hellem Text, der schwer zu lesen ist, da aus irgendeinem Grund die Variante „DejaVu Sans ExtraLight“ (Gewicht 200) für Gewichte < 360 verwendet wird (in Chrome; in Firefox bis 399). Untersuchen wir, warum das passiert und was dagegen unternommen werden kann.

Warum setzen die Leute überhaupt font-weight: 300;? Nun, wahrscheinlich Mac-Benutzer. Auf meinem macOS Catalina Computer sehen Sie die Unterschiede zwischen einigen der Standard- und integrierten Schriftarten zwischen 400 und 300.

Gewicht 400 oben, Gewicht 300 unten

Ich würde einen Designer nicht dafür verantwortlich machen, in einigen Fällen eine Schriftstärke von 300 zu verwenden. Tatsächlich habe ich vor 11 Jahren einen Ausschnitt namens „Better Helvetica“ veröffentlicht, der dies pries.

body {
   font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
   font-weight: 300;
}

Aber für Tomáš, dessen Standardschriftart DejaVu Sans ist (eine Standard auf vielen Linux- und Android-Systemen), ist die Schrift schwer zu lesen, wenn die Schrift so dünn ist. Ein Teil des Problems ist, dass die Spezifikation besagt, dass bei einer Fallback-Schriftart, die zufällig keine 300 hat, bis zu 100 zurückgefallen werden kann, falls erforderlich. Ich glaube, der Fachbegriff dafür ist ziemlich verdammt dünn.

Ich werde versuchen, das selbst zu vermeiden (oder es zu verwenden, wenn ich Webfonts lade, von denen ich weiß, dass sie es haben), aber schauen Sie sich Tomáš' Artikel für eine Lösung auf Ihrem Computer an, wenn Sie das auf vielen Seiten stört. Dies erinnert mich tatsächlich an die verschiedenen Fix-Level.

Direkter Link →