Schriftgewicht :: font-weight
Die Eigenschaft font-weight gibt an, wie fett die einzelnen Buchstaben dargstellt werden sollen. Dies funktioniert aber nur, wenn die gewählte Schrift die gewünschten Schriftstärke auch unterstützt. Die meisten Schriften unterstützen nur "normal" und "bold".
<span style="font-weight: lighter;">font-weight: lighter</span><br />
<span style="font-weight: normal;">font-weight: normal</span><br />
<span style="font-weight: bold;">font-weight: bold</span><br />
<span style="font-weight: bolder;">font-weight: bolder</span><br />
<span style="font-weight: 100;">font-weight: 100</span><br />
<span style="font-weight: 200;">font-weight: 200</span><br />
<span style="font-weight: 300;">font-weight: 300</span><br />
<span style="font-weight: 400;">font-weight: 400</span><br />
<span style="font-weight: 500;">font-weight: 500</span><br />
<span style="font-weight: 600;">font-weight: 600</span><br />
<span style="font-weight: 700;">font-weight: 700</span><br />
<span style="font-weight: 800;">font-weight: 800</span><br />
<span style="font-weight: 900;">font-weight: 900</span>
so sieht es aus, wenn es von Ihrem aktuellen Browser unterstützt wird
font-weight: normal
font-weight: bold
font-weight: bolder
font-weight: 100
font-weight: 200
font-weight: 300
font-weight: 400
font-weight: 500
font-weight: 600
font-weight: 700
font-weight: 800
font-weight: 900
font-weight Definition
| CSS Version | CSS 1 |
| Startwert | none |
| Vererbar | ja |
| Anwendbar auf | alle Elemente |
| Medium | screen, print |
| mögliche Werte |
|
| Anmerkungen |
In den meisten Browsern wird bolder wie bold, und lighter wie normal dargestellt. Auch gibt es bei der numerischen Angabe 100-900 nicht die erwarteten feinen Abstufungen. |
Browserunterstützung von font-weight
 |
 |
 |
 |
 |
 |
 |
 |
|||
|---|---|---|---|---|---|---|---|---|---|---|
| 5+ | 5+ | 4 | 6+ | 1+ | 0.8 | 3.5 | 1+ | 3.1+ | 2 | |
| normal | J | J | J | J | J | J | J | J | J | J |
| bold | J | J | J | J | J | J | J | J | J | J |
| bolder | F | F | N | F | F | F | F | J | J | J |
| lighter | F | F | N | F | F | F | F | J | J | J |
| 100-900 | J | J | N | J | J | J | J | N | J | J |