Font Familien
Nach der Farbe ist die Schriftart (font) der wohl wichtigste Grundfaktor
einer Seite. Auf dieser Seite werde ich Ihnen nicht irgendwelche "Tricks" zeigen,
vielmehr möchte ich Ihnen einen Überblick über das Spektrum der Font-Variationen von CSS geben.
Da nicht alle Fonts auf allen Computern verfügbar sind (es gibt
Tausende davon, viele kosten Geld), bietet CSS die Möglichkeit beim
Nicht-Vorhandensein einer Schriftart auf Ersatzschriftarten auszuweichen.
Sie geben zuerst den zu verwendenden Hauptfont an, danach alle Ersatz-Fonts
und zu guter Letzt eine generelle Fontart von denen es derzeit fünf
gibt: serif, sans-serif, monospace, cursive und
fantasy.
Die folgende Tabelle zeigt eine Auswahl verschiedener Fonts (Ihr Browser
kennt vermutlich nicht alle davon) und Sie können sehen was der Browser aus den
fünf generischen Fonts macht:
| 'sans-serif': normale Fonts ohne Serifen
|
|---|
Arial, sans-serif
| Der Schnelle Braune Fuchs Springt Über Den Trägen Hund
|
Helvetica, sans-serif
| Der Schnelle Braune Fuchs Springt Über Den Trägen Hund
|
Gill Sans, sans-serif
| Der Schnelle Braune Fuchs Springt Über Den Trägen Hund
|
Lucida, sans-serif
| Der Schnelle Braune Fuchs Springt Über Den Trägen Hund
|
Helvetica Narrow, sans-serif
| Der Schnelle Braune Fuchs Springt Über Den Trägen Hund
|
sans-serif
| Der Schnelle Braune Fuchs Springt Über Den Trägen Hund
|
| 'serif': normale Fonts mit Serifen
|
|---|
Times, serif
| Der Schnelle Braune Fuchs Springt Über Den Trägen Hund
|
Times New Roman, serif
| Der Schnelle Braune Fuchs Springt Über Den Trägen Hund
|
Palatino, serif
| Der Schnelle Braune Fuchs Springt Über Den Trägen Hund
|
Bookman, serif
| Der Schnelle Braune Fuchs Springt Über Den Trägen Hund
|
New Century Schoolbook, serif
| Der Schnelle Braune Fuchs Springt Über Den Trägen Hund
|
serif
| Der Schnelle Braune Fuchs Springt Über Den Trägen Hund
|
| 'monospace': Fonts mit fester Breite
|
|---|
Andale Mono, monospace
| Der Schnelle Braune Fuchs Springt Über Den Trägen Hund
|
Courier New, monospace
| Der Schnelle Braune Fuchs Springt Über Den Trägen Hund
|
Courier, monospace
| Der Schnelle Braune Fuchs Springt Über Den Trägen Hund
|
Lucidatypewriter, monospace
| Der Schnelle Braune Fuchs Springt Über Den Trägen Hund
|
Fixed, monospace
| Der Schnelle Braune Fuchs Springt Über Den Trägen Hund
|
monospace
| Der Schnelle Braune Fuchs Springt Über Den Trägen Hund
|
| 'cursive': Fonts welche Hand geschriebenen Text simulieren
|
|---|
Comic Sans, Comic Sans MS, cursive
| Der Schnelle Braune Fuchs Springt Über Den Trägen Hund
|
Zapf Chancery, cursive
| Der Schnelle Braune Fuchs Springt Über Den Trägen Hund
|
Coronetscript, cursive
| Der Schnelle Braune Fuchs Springt Über Den Trägen Hund
|
Florence, cursive
| Der Schnelle Braune Fuchs Springt Über Den Trägen Hund
|
Parkavenue, cursive
| Der Schnelle Braune Fuchs Springt Über Den Trägen Hund
|
cursive
| Der Schnelle Braune Fuchs Springt Über Den Trägen Hund
|
| 'fantasy': dekorative Fonts, für Überschriften etc.
|
|---|
Impact, fantasy
| Der Schnelle Braune Fuchs Springt Über Den Trägen Hund
|
Arnoldboecklin, fantasy
| Der Schnelle Braune Fuchs Springt Über Den Trägen Hund
|
Oldtown, fantasy
| Der Schnelle Braune Fuchs Springt Über Den Trägen Hund
|
Blippo, fantasy
| Der Schnelle Braune Fuchs Springt Über Den Trägen Hund
|
Brushstroke, fantasy
| Der Schnelle Braune Fuchs Springt Über Den Trägen Hund
|
fantasy
| Der Schnelle Braune Fuchs Springt Über Den Trägen Hund
|
