Hier bist Du: Home » Schrifteigenschaften » font-family

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 Schriftart Verdana 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> 

Beispiel ansehen

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 Internet Explorer Opera Netscape Mozilla/ Seamonkey Mozilla Firefox Safari Konqueror
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