CSS/Eigenschaften/font-weight
Aus SELFHTML-Wiki
< CSS | Eigenschaften
Die Eigenschaft font-weight bestimmt die zu verwendende „Dicke“ der Schrift
- Erlaubte Werte
-
normal -
bold -
lighter,bolder, siehe relative Schriftgewichte - eine Zahl zwischen 1 und 1000, siehe Zuordnung Schriftgewicht – Schlüsselwort
-
- Vererbung steuernde Werte
inherit,initial,unsetundrevert - Standardwert
normal- anwendbar auf
alle Elemente
- Vererbung
ja
- animierbar
ja, bei Angabe als Zahl
Beispiel
span {
font-weight: lighter;
}
legt für alle span-Elemente eine im Vergleich zum Elternelement dünnere Schrift fest
Beachten Sie: Während
bold und normal problemlos eingesetzt werden können, hängt die Umsetzungen genauerer Angaben vom Vorhandensein ensprechender Schriftschnitte auf dem System des Nutzers ab.Inhaltsverzeichnis
Siehe auch
Weblinks
- Spezifikation (W3C): CSS Fonts Module Level 4
- MDN: font-weight
Liste der CSS-Eigenschaften
- Schriftformatierung
- Textformatierung
- Textausrichtung
- Abstände
- Benutzeroberfläche
- Container
- generierter Inhalt
- Größenangaben
- Box-Ausrichtung
- Flexbox Layout
- Grid Layout
- Hintergründe
- Listen
- Tabellen
- Positionierung und Anzeige
- Scroll Snap
- Rahmen und Schatten
- Umbruchsteuerung
- Transformationen
- Animationen
Zuordnung Schriftgewicht – Schlüsselwort
| Schriftgewicht | Name |
|---|---|
| 100 | thin (Hairline) |
| 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) |
| 950 | extra black (ultra black) |
relative Schriftgewichte
| ererbter Wert (g) | bolder |
lighter
|
|---|---|---|
| g < 100 | 400 | keine Änderung |
| 100 ≤ g < 350 | 400 | 100 |
| 350 ≤ g < 550 | 700 | 100 |
| 550 ≤ g < 750 | 900 | 400 |
| 750 ≤ g < 900 | 900 | 700 |
| 900 ≤ g | keine Änderung | 700 |
