Aus Wikibooks

[Bearbeiten] Erklärung

Das font -Element ist eine Zusammenfassung einiger Font-Einzelelemente.

[Bearbeiten] Mögliche Elemente

• font-style für die Neigung der Schrift
  
  
• font-variant für die Schriftvariante
  
  
• font-weight für das Schriftgewicht
  
  
• font-size für die Schriftgröße
  
  
• line-height für die Zeilenhöhe
  
  
• font-family für die Schriftart
  
  

Wichtig: Die hier genannte Reihenfolge muss eingehalten werden!

[Bearbeiten] Beispiele

Beispiel 1:

font: bold 14px Times New Roman;

Dieser Text wird Fett (font-weight), mit der Schriftgröße 14px (font-size) und der Schriftart „Times New Roman“ (font-family) dargestellt.

Es können - wie bei font-family - mehrere Schriftarten angegeben werden.

font: bold 12px Arial, Helvetica, sans-serif;

Beispiel 2:
Achtung: Falsches Beispiel!

  font: small-caps Verdana italic 120%;

Dies würde nicht funktionieren, da die Reihenfolge nicht eingehalten wurde.

  font: italic small-caps 120% Verdana;

Dieses Beispiel dagegen wird funktionieren; die Reihenfolge wurde richtiggestellt.
Dieser Text wird kursiv (font-style), mit Kapitälchen (font-variant), Schriftgröße 120% (font-size) und Schriftart Verdana (font-family) dargestellt.

---

---