Die Font-Weight Skala definiert die visuelle Stärke von Schriften. Im CSS reicht sie von 100 (sehr dünn) bis 900 (sehr fett). Jeder Wert steht für eine spezifische Schriftgewichtung. Hier eine Übersicht der gebräuchlichsten Werte:
- 100 – Thin
- 200 – Extra Light (Ultra Light)
- 300 – Light
- 400 – Normal (Regular)
- 500 – Medium
- 600 – Semi Bold (Demi Bold)
- 700 – Bold
- 800 – Extra Bold (Ultra Bold)
- 900 – Black (Heavy)
Nicht alle Schriften unterstützen alle Gewichtungen. Manche Schriften bieten nur 400 und 700 an, während andere umfangreichere Optionen wie 100 oder 900 bieten.
Best Practices
- Schlichtheit wahren: Verwende maximal 2–3 Gewichtungen, um Design und Lesbarkeit ausgewogen zu halten.
- Lesbarkeit prüfen: Beachte, dass dickere oder dünnere Schriftstärken auf verschiedenen Geräten unterschiedlich wirken können.
