Die folgenden Codeschnipsel können mit COPY-PASTE, direkt in den HTML- Quellcode hineinkopiert werden.
Schriftarten werden mit der CSS-Eigenschaft font-family definiert.
font-family heißt wörtlich übersetzt "Schriftfamilie" und bezeichnet die Schriftart, die der Browser zum Anzeigen des zugewiesenen Textabschnitts benutzen soll.
Es können beliebig viele Schriftarten in die Liste aufgenommen werden. Der Browser durchsucht das System nach den angegebenen Schriften und benutzt die erste Schriftart, die im System installiert ist.
Falls der Browser die Schriftart nicht anzeigen kann, versucht er es in einer die ihm möglich ist.
Die Angabe mehrerer Schriften wird durch Komma getrennt.
Dazu einige Beispiele:
|
Text in der Schriftart Arial
|
|
<span style="font-family:Arial">Die Schriftart Arial wird angezeigt</span>
|
|
Die Schriftart Arial wird angezeigt
|
|
Text in der Schriftart Times New Roman
|
|
<span style="font-family:'Times New Roman'">Times New Roman</span>
|
|
Times New Roman
|
Schriftartennamen, die Leerzeichen enthalten, sind in Anführungszeichen zu setzen, wie zum Beispiel font-family:"Times New Roman" .
Da die Wertzuweisung an das Style- Attribut in doppelten Anführungszeichen steht, darf innerhalb für ' Times New Roman ' nur das einfache Anführungszeichen verwendet werden.
|
Text in der Schriftart Helvetica
|
|
<span style="font-family:Helvetica">Die Schriftart Helvetica wird angezeigt</span>
|
|
Die Schriftart Helvetica wird angezeigt
|
|
Text in der Schriftart Comic Sans MS
|
|
<span style="font-family:'Comic Sans MS'">Comic Sans MS</span>
|
|
Comic Sans MS
|
|
Text in der Schriftart Symbol
|
|
<span style="font-family:Symbol">Die Schriftart Symbol wird angezeigt</span>
|
|
Die Schriftart Symbol wird angezeigt
|
Mit font-family: lassen sich auch mehrere Schriftarten bestimmen.
Werden mehrere Schriftarten angegeben, dann ist die Reihenfolge der Angabe entscheidend:
Es wird jeweils die erste verfügbare Schriftart verwendet.
|
Die Schriftarten Arial, Helvetica, Times New Roman
|
|
<span style="font-family:Arial,Helvetica,'Times New Roman'">Arial, Helvetica, Times New Roman</span>
|
|
Arial, Helvetica, Times New Roman
|
|
Die Schriftarten Times New Roman, Arial, Helvetica
|
|
<span style="font-family:'Times New Roman',Arial,Helvetica">Times New Roman Arial, Helvetica</span>
|
|
Arial, Helvetica, Times New Roman
|
|
|
Arial