font-family

Schriften mit CSS formatieren


Um eine Schrift zu formatieren, muß zunächst festgelegt werden, welche Schriftart verwendet werden soll. Hierzu verwendet man den Attributnamen:
font-family

Man sollte aus Gründen der plattformübergreifenden Darstellung wirklich nur in Ausnahmefällen auf plattformspezifische Fonts zurückgreifen. Grundsätzlich gilt, das jede Plattform ihre eigenen Grundschrifttypen besitzt.
Es gibt 5 Schrifttypen, denen jeweils mehrere plattformübergreifende Schriftarten zugeordnet sind:
  1. serif
    Schriftarten: Times, Times new Roman, Palatino u.s.w.
  2. Sans-serif
    Schriftarten: Geneva, Helvetica, Verdana, Arial u.s.w.
  3. Monospace
    Schriftarten: Courier, Courier New u.s.w.
  4. Cursive
    Schriftarten: Nachbildungen von Schreibschrift
  5. Fantasy
    Schriftarten: Wingdings, Western, Animal u.s.w.
Vorsicht vor all zu spezifischen/exotischen Schriftarten. Bei solchen Zeichensätzen, die beim Betrachter nicht installiert sind, wird die Darstellung nicht so sein, wie sie geplant war. Man kann jedoch mehrere Zeichensätze angeben, in der Hoffnung, das irgend eine funktioniert.
Findet der Browser hingegen bereits die erste Schriftart, so werden alle nachfolgenden einfach ignoriert.
Beispiele Anhand h1 - h5 Tags

Dies ist ein Bsp für die Font-family "Cursive"


Dies ist ein Bsp für die Font-family "Fantasy"


Dies ist ein Bsp für die Font-family "Serif"


Dies ist ein Bsp für die Font-family "Sans-serif"


Dies ist ein Bsp für die Font-family "Monospace"

zurück zur Startseite