Ideal zum Lernen:
Kurs als Videos
Video-Kurs HTML5, CSS
& Webdesign
HTML-Kurs, CSS u. Webdesign lernen & die eigene Website erstellen
Videos eBook Forum Kontakt

CSS-Kurzschreibweise font:

Möchte man für das Erscheinungsbild einer für die Website gewählten Schrift verschieden Einstellungen machen, hat man gleich einige CSS-Anweisungen. Für mehr Übersicht und weniger Tippfehler gibt es die Kurzschreibweise.

Die CSS-Anweisung font: ist die Kurzschreibweise für folgende font-Anweisungen:

  • font-style (Schriftstil, z.B. italic)
  • font-variant (z.B. Kapitälchen, small-caps)
  • font-weight (Schriftgewicht, z.B. bold)
  • font-size (Schriftgröße, z.B. 1.5em)
  • line-height (Zeilenabstand, z.B. 2em)
  • font-family (Schriftfamilie, z.B. Arial)

Wichtig ist die Reihenfolge!

font: [font-style] [font-variant] [font-weight] [font-size]/[line-height] [font-family];

Die Trennung zwischen der Schriftgröße und Linienhöhe erfolgt über den Schrägstrich „/“.

Im Folgenden alle Anweisungen und dann das Gleiche in Kurzschreibweise:

font-style: italic;
font-variant: small-caps;
font-weight: bold;
font-size: 1.5em;
line-height: 2em;
font-family: Arial, sans-serif;

/* Kurzschreibweise */
font: italic small-caps bold 1.5em/2em Arial, sans-serif;

Werte, die dem Standard entsprechen, können dann einfach weggelassen werden. So wird man in den seltensten Fällen die Anweisung font-variant für Kapitälchen (small-caps) benötigen. Dieser fällt dann einfach weg. Unser obiges Beispiel ohne Kapitälchen ohne mit der normalen Schriftstil (also kein „italic“) und mit Standard-Schriftgewicht (also kein „bold“):

/* Kurzschreibweise */
font: 1.5em/2em Arial, sans-serif;

Weiterempfehlen • Social Bookmarks • Vielen Dank

Wenn Sie einen Fehler finden, bitte mitteilen (egal ob Schreibfehler oder inhaltlicher Fehler).

Mit Maus fehlerhafte Stelle markieren und übernehmen mit folgendem Button:



(kann angegeben werden)

Nach Absenden kommt hier Feedback! Bitte nicht doppelt absenden. Danke.

Bitte unterstützen Sie dieses Projekt

Sie können dieses Projekt in verschiedenen Formen unterstützen - wir würden uns freuen und es würde uns für weitere Inhalte motivieren :).

unsere Videos bestellen

Unsere Videos und eBooks bestellen.

Spenden

Sie können uns eine Spende über PayPal zukommen lassen.

Weiterempfehlungen

Empfehlen Sie es weiter - wir freuen uns immer über Links und Facebook-Empfehlungen.

Bücher über Amazon

Bestellen Sie Bücher über folgende Links bei Amazon:

Fehler melden

Vielen Dank für Ihre Hilfe