Die Schriftstärke beschreibt, wie kräftig die Striche einer Schrift sind, von sehr dünn bis sehr fett. In CSS wird sie als Zahl angegeben: 400 ist normal, 700 fett, erlaubt sind Werte von 1 bis 1000. Die Namen der Stärken legt jeder Schrifthersteller selbst fest, die Zahlen sind einheitlich.
- Schriftstärke (Font Weight)
Wie kräftig die Striche einer Schrift sind, von Thin bis Black, in CSS als Zahl von 1 bis 1000.
Beispiel: „Für die Überschriften haben wir die Schriftstärke 600 gewählt.“Auch: Schriftgewicht, englisch font weight.
Abgrenzung zum Schriftschnitt: Er umfasst neben der Stärke auch Lage und Breite, etwa fett kursiv.
Welche Schriftstärken es gibt
CSS Fonts 4 ordnet den Zahlen übliche Namen zu: 100 Thin, 200 Extra Light, 300 Light, 400 Normal, 500 Medium, 600 Semi Bold, 700 Bold, 800 Extra Bold und 900 Black. Im Deutschen heißen sie laut Typolexikon etwa mager, normal, halbfett und fett. OpenType speichert dieselbe Skala in der Schriftdatei.
Schriftstärke in CSS
Fehlt die gewünschte Stärke, sucht der Browser nach festen Regeln die nächstliegende; über 500 zuerst die kräftigere. Gibt es gar keinen fetten Schnitt, verdickt er die Buchstaben künstlich, was Typografen laut Spezifikation wenig schätzen. Mit Variable Fonts ist jeder Zwischenwert möglich.
h2 { font-weight: 650; }
strong { font-weight: 700; }
body { font-synthesis: none; }Schriftstärke und Lesbarkeit
Sehr dünne Schnitte wie 100 und 200 sind laut MDN für Menschen mit Sehschwäche schwer lesbar, besonders bei geringem Kontrast. Für Fließtext eignen sich 400 bis 500, für Hervorhebungen 600 oder 700.