CSS Schriftart Gewicht

Eine fettere oder dünnere Schrift in html mit einer Stylesheet erstellen.

Erklärung

Eigemschaft:

Font Weight
Verwendung:
font-weight: bold;
font-weight: bolder;
font-weight: light;
font-weight: lighter;
font-weight: 100;
font-weight: normal;

Definition:

Dieses Parameter steuert das Gewicht oder Fettigkeit der Schriftart. Die Schriftart kann dünner oder fetter aussehen.
Es nimmt die folgenden Werte.
a)bold : Die Schriftart sieht fett aus.
b)bolder : Die Schriftart sieht fetter aus.
c)light : Die Schriftart sieht dünn aus.
d)lighter : Die Schriftart sieht dünner aus.
e)100 to 900 : Die Schriftart Fettigkeit kann mit Werten wie 100 oder 200 oder 300 oder 400 oder 500 oder 600 oder 700 oder 800 oder 900 eingestellt werden.
f)normal : Die Schriftart sieht normal aus.

Beispiel 1:
<div style="font-weight: bold;">Schriftfettigkeit testen</div>
Result:
Schriftfettigkeit testen


Beispiel 2:
<div style="font-weight: bolder;">Schriftfettigkeit testen</div>
Result:
Schriftfettigkeit testen


Beispiel 3:
<div style="font-weight: light;">Schriftfettigkeit testen</div>
Result:
Schriftfettigkeit testen


Beispiel 4:
<div style="font-weight: lighter;">Schriftfettigkeit testen</div>
Result:
Schriftfettigkeit testen


Beispiel 5:
<div style="font-weight: 800;">Schriftfettigkeit testen</div>
Result:
Schriftfettigkeit testen


Beispiel 6:
<div style="font-weight: normal;">Schriftfettigkeit testen</div>
Result:
Schriftfettigkeit testen