CSS Schriften

Neben Textfarbe CSS bietet viele Möglichkeiten zum ursprünglichen Stil Text und kann machen oft den Unterschied zwischen Profi-und dilettantisch Websites suchen.

Schriftart

Georgien SerifenschriftartGeorgien Serifenschriftart
Verdana serifenlose SchriftVerdana serifenlose Schrift

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" .

CSS font-family

body {font-family:arial}
strong {font-family:georgia}

Ausgang

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:

CSS generische Schriftarten

body {font-family:verdana,kalimati,sans-serif}
h1 {font-family:georgia,"new times roman",serif}

Web-Safe-Fonts

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