CSS-Schriftstil

Schriftart

font-style Diese Eigenschaft wird hauptsächlich verwendet, um geneigte Texte zu spezifizieren.

Diese Eigenschaft kann drei Werte festlegen:

  • normal - Der Text wird normal angezeigt
  • italic - Der Text wird in Kursiv angezeigt
  • oblique - Der Text ist 'geneigt' (Geneigt ist sehr ähnlich wie Kursiv, unterstützt aber weniger)

Beispiel

p.normal {
  font-style: normal;
}
p.italic {
  font-style: italic;
}
p.oblique {
  font-style: oblique;
}

Probieren Sie es selbst aus

Schriftstärke

font-weight Die Eigenschaft legt die Dicke des Textes fest:

Beispiel

p.normal {
  font-weight: normal;
}
p.thick {
  font-weight: bold;
}

Probieren Sie es selbst aus

Schriftvariante

font-variant Die Eigenschaft legt fest, ob der Text in small-caps-Schrift (kleine Großbuchstaben) angezeigt wird.

In small-caps-Schriftarten werden alle Kleinbuchstaben in Großbuchstaben umgewandelt. Allerdings ist die Schriftgröße der umgewandelten Großbuchstaben kleiner als die der ursprünglichen Großbuchstaben im Text.

Beispiel

p.normal {
  font-variant: normal;
}
p.small {
  font-variant: small-caps;
}

Probieren Sie es selbst aus