Schriftart: font-family
Diese Eigenschaft gibt es seit Version: CSS 1
Der Wert für font-family
gibt entweder eine Schriftart oder eine Schriftfamile an. Es ist möglich, mehrere Schriftarten und Schriftfamilien hintereinander anzugeben. Wichtig ist nur, dass die Werte durch ein Komma voneinander getrennt sind. Der Browser probiert alle Werte durch
und wählt den Ersten, der auf dem Betriebssystem installiert ist. Außerdem müssen Schriftarten und Schriftfamilien, die ein Leerzeichen beinhalten, in Anführungszeichen gesetzt werden. Also so: "Arial Black" , oder so: 'Arial Black'
Code-Beispiel für font-family
:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <style type="text/css"> p {font-family:verdana, sans-serif;} </style> </head> <body> <p> Diesem Absatz ist die SchriftartVerdana
zugewiesen worden. Falls die Schrift sich nicht auf dem System befindet, wird automatisch die nächste Schriftart, oder wie im Beispiel die nächste Schriftfamilie angezeigt (sans-serif
). Man kann beliebig viele Schriftarten und Schriftfamilien angeben. Wichtig ist nur, das sie durch ein Komma getrennt sind. </p> </body> </html>
Initialwert: | Browserabhängig |
Vererbbar: | Ja |
Anwendbar auf: | Alle Elemente |
Medium: | Visual |
Werte: |
Name einer oder mehrerer Schriften durch Kommas getrennt. Werte mit Leerzeichen
sollten in Anführungszeichen geschrieben werden (z.B. so: "Arial Black"), da die Leerzeichen sonst nicht beachtet werden.
Schriftfamilien: Serif für Schriften wie Times .
Sans-serif für Schriften wie Arial .
Cursive für Schriften wie Zapf-Chancery .
Fantasy für Schriften wie Western .
Monospace für Schriften wie Courier .
Inherit ist auch möglich.
|
Bemerkung: | Der Browser kann die angegebene Schriftart nur anzeigen, wenn diese auch auf dem Rechner des Anwenders installiert ist. Deshalb solltest du mehrere Schriftarten und eine Schriftfamilie angeben, damit auf jeden Fall eine passende Schriftart verwendet wird. |
Wert | |||||||||||||||
5 | 5.5 | 6 | MAC 5+ | 5 | 6 | 7 | 8 | 4 | 6 | 7+ | 1+ | 0.8+ | 1.0+ | 3.3+ | |
j | j | j | j | j | j | j | j | j | j | j | j | j | j | j |