Neben Textfarbe CSS bietet viele Möglichkeiten zum ursprünglichen Stil Text und kann machen oft den Unterschied zwischen Profi-und dilettantisch Websites suchen.
Ein CSS-font-Familie ist die Schriftart für die Darstellung von Text wie der Schriftarten, die Sie auswählen, in Textverarbeitungsprogrammen wie Microsoft Word verwendet.
Sie können in 2 Familien: Serifenschriften mit kleinen Details an den Enden einige Striche und serifenlose Schriften ohne diese Dekorationen aufgeteilt werden. Serifen-Schriften sind leichter zu lesen auf dem Papier durch die höhere Auflösung macht das kleine Dekorationen deutlich sichtbar. Für Computer-Bildschirme auf der anderen Seite serifenlose Schriften gezeigt haben, um bessere Lesbarkeit, es sei denn die Schriftgröße ist sehr groß wie Überschriften.
Die Schriftarten, die Sie angeben können nur dann verwendet werden, wenn sie auf dem System des Benutzers installiert sind. Aus diesem Grund gibt es nur eine Handvoll von sicheren Web-Schriftarten, die in allen Systemen funktionieren. Es gibt wenig Sinn, mit Hilfe spezieller aussehende Schriften, die nicht korrekt angezeigt werden 99,9% der Zeit.
So ändern Sie Schriftarten können Sie den Umgang font-family Objekt mit Font-Namen als komma-separierte Werte. Beachten Sie, dass Font-Namen Leerzeichen enthalten, wie neue Times Roman sollte in Anführungszeichen werden "new times roman" .
Es ist gute Praxis, immer eine der generischen Fonts zur Verfügung, wie serif oder sans-serif am Ende Ihres font-family Anweisung für den Fall alles andere fehlschlägt:
Hier ist eine Liste von Web-Safe-Fonts können Sie für Ihre Website, die normalerweise Kreuz-Arbeit wird Plattform zu nutzen:
| Serif | Ausgang |
|---|---|
| Zeiten, "Times New Roman" | Der schnelle braune Fuchs springt über den trägen Hund |
| Georgien | Der schnelle braune Fuchs springt über den trägen Hund |
| serif | Der schnelle braune Fuchs springt über den trägen Hund |
| Sans-Serif-Font | Ausgang |
|---|---|
| arial | Der schnelle braune Fuchs springt über den trägen Hund |
| helvetica | Der schnelle braune Fuchs springt über den trägen Hund |
| verdana | Der schnelle braune Fuchs springt über den trägen Hund |
| sans-serif | Der schnelle braune Fuchs springt über den trägen Hund |
| Monospace font | Ausgang |
|---|---|
| "courier new",courier | Der schnelle braune Fuchs springt über den trägen Hund |
| monospace | Der schnelle braune Fuchs springt über den trägen Hund |