font-weight
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.
Das Attribut font-weight gibt an, wie fett oder leicht die Glyphen dargestellt werden, mit denen der Text gerendert wird, im Verhältnis zu anderen Schriftarten derselben Schriftfamilie.
Hinweis:
Als Präsentationsattribut hat font-weight auch eine entsprechende CSS-Eigenschaft: font-weight. Wenn beide angegeben sind, hat die CSS-Eigenschaft Vorrang.
Sie können dieses Attribut mit den folgenden SVG-Elementen verwenden:
Beispiele
Schriftstärke in SVG steuern
html
<svg viewBox="0 0 200 30" xmlns="http://www.w3.org/2000/svg">
<text y="20" font-weight="normal">Normal text</text>
<text x="100" y="20" font-weight="bold">Bold text</text>
</svg>
Hinweise zur Verwendung
| Wert |
normal | bold | bolder |
lighter | <number>
|
|---|---|
| Standardwert | normal |
| Animierbar | Ja |
Eine Beschreibung der Werte finden Sie bei der CSS-Eigenschaft font-weight.
Spezifikationen
| Spezifikation |
|---|
| CSS Fonts Module Level 4 # font-weight-prop |
Browser-Kompatibilität
Siehe auch
- CSS-Eigenschaft
font-weight