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
Sie befinden sich: Startseite » CSS lernen – Webdesign erstellen » Schriften einsetzen » Kurzschreibweise font:

CSS-Kurzschreibweise font:

Möchte man für das Erscheinungsbild einer für die Website gewählten Schrift verschiedene 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 und mit dem 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

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:

Vielen Dank für Ihre Hilfe

    E-Books zum Kurs

    von HTML-Seminar.de

    E-Books mit rund 930 Seiten Umfang als PDF. Alle 3 zu einem Preis.

    Mehr Details