Schriftdicke#

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

p {
  font-weight: bold;
}

Die möglichen Eigenschaftswerte sind in der folgen Tabellen 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.

Werte können verwendet werden, wenn zum Beispiel die jeweiligen Werte bei Google Fonts ausgewählt werden.

h1 {
  font-weight: normal;
}

p {
  font-weight: bold;
}

a {
  font-weight: 900;
}

See the Pen font-weight by csswebsite (@csswebsite) on CodePen.