Schriftdicke

Durch die Eigenschaft font-weight kann die Schriftdicke der Schrift angegeben werden.

p {
  font-weight: bold;
}

Die möglichen Eigenschaftswerte sind in der folgenden Tabelle dargestellt:

Eigenschaftswert	Erklärung
normal	Definiert eine normale Schriftdicke. Ist der Standardwert.
bold	Definiert eine fette Schrift. Fetter als normal.
100, 200, 300, 400, 500, 600, 700, 800, 900	Definiert von dünn zu dick. Die numerischen Werte funktionieren nur dann, wenn die Schrift diese Gewichte auch wirklich anbietet (z. B. bei Google Fonts auswählbar).

Bemerkung

font-weight: normal entspricht 400, font-weight: bold entspricht 700.

<strong> vs.font-weight

Das HTML-Element <strong> hat semantische Bedeutung: Es kennzeichnet Text, der besonders wichtig ist. Browser stellen <strong> standardmäßig fett dar, das entspricht font-weight: bold.

Die CSS-Eigenschaft font-weight hingegen ändert nur die Darstellung der Schrift. Sie kann auf jedes Element angewendet werden, unabhängig von seiner semantischen Bedeutung.

h1 {
  font-weight: normal;
}

p {
  font-weight: bold;
}

CSS

CSS definiert das Aussehen von HTML-Elementen.