CSS-Schriftart-Shorthand-Eigenschaft


Inhaltsverzeichnis

    Inhaltsverzeichnis anzeigen


Die CSS-Schriftarteneigenschaft

Um den Code zu verkürzen, ist es auch möglich, alle einzelnen Schrifteigenschaften in einer Eigenschaft anzugeben.

Die Eigenschaft font ist eine Abkürzungseigenschaft für:

font-style
font-variant
font-weight
font-size/line-height
font-family

Hinweis: Die Schriftgröße und die Schriftfamilie Werte sind erforderlich. Fehlt einer der anderen Werte, werden deren Standardwerte verwendet.

Beispiel

Verwenden Sie font, um mehrere Schriftarteigenschaften festzulegen eine Erklärung:

   p.a
 {
     
 font: 20px Arial, sans-serif;
 }
 
 p.b
 {
     
 font: italic small-caps bold 12px/30px Georgia, serif;
 }

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<head>
<style>
p.a {
  font: 20px Arial, sans-serif;
}

p.b {
  font: italic small-caps bold 12px/30px Georgia, serif;
}
</style>
</head>
<body>

<h1>The font Property</h1>

<p class="a">This is a paragraph. The font size is set to 20 pixels, and the font family is Arial.</p>

<p class="b">This is a paragraph. The font is set to italic, small-caps and bold, the font size is set to 12 pixels, the line height is set to 30 pixels, and the font family is Georgia.</p>

</body>
</html>




Alle CSS-Schrifteigenschaften

font

Legt alle Schriftarteigenschaften in einer Deklaration fest

font-family

Gibt die Schriftfamilie für Text an

font-size

Gibt die Schriftgröße des Textes an

font-style

Gibt den Schriftstil für Text an

font-variant

Legt fest, ob ein Text in einer Kapitälchenschrift angezeigt werden soll

font-weight

Gibt die Stärke einer Schriftart an