~~SLIDYSHOW~~
Bisher wurden alle Ausgaben in einer Standardschrift und Standardgröße durchgeführt. Im Folgenden wird erläutert, wie man Schriftart, -größe und -farbe verändern kann.
Der Tag <font>…</font> (engl. Schrift) leitet eine Änderung der Schrift eines Textblocks ein. Dazu können verschiedene Attribute gesetzt werden.
font size="Wert"
Durch die Angabe des Attributs size (engl. Größe) kann die Schriftgröße eines Textes geändert werden.
Dass Attribut erwartet einen absoluten Wert zwischen 1 und 7 oder ein relatives Verhältnis gegenüber der Standarschriftgröße mit den Angaben +Wert oder -Wert. Standardmäßig ist die Schriftgröße 3 eingestellt.
<font size="7">größte Schriftart</font><br> <font size="6">Schriftgröße 6</font><br> <font size="+2">Schriftgröße 5</font><br> <font size="+1">Schriftgröße 4</font><br> <font>Standardschriftgröße</font><br> <font size="-1">Schriftgröße 2</font><br> <font size="1">kleinste Schriftgröße</font>
Öffne nochmals das Dokument Zauberlehrling.html.
Hexenmeister in Schriftgröße 6.Geister in Schriftgröße 5.Werke und Geistesstärke auf zwei verschiedene Arten in Schriftgröße 4.gesamten letzten Absatz in Schriftgröße 2.<font face="Name">
In den bisherigen Beispielen wurde die Standardschrift des Browser verwendet, z.B. Times New Roman unter Windows.
Mit Hilfe des Attributs face kann die Schriftart geändert werden. Die Angabe der Schrift erfolgt immer innerhalb von Anführungszeichen. Mehrere Schriftarten werden durch Kommata voneinander getrennt.
<font face="Arial, Helvetica">Arial</font> <font face="Symbol">Symbol</font> <font face="Comic Sans MS">Comic Sans MS</font>
Verschiedene Computersysteme verwenden unterschiedliche Schriftarten. So besitzt z.B. Windows die Schrift Arial, das Betriebssystem UNIX hingegen nicht. UNIX besitzt hingegen die Schrift Helvetica, die Arial sehr ähnlich ist.
Damit das Dokument im Browser korrekt angezeigt werden kann, sollte man mehrere verschiedene Schriftarten, durch Kommata getrennt, angeben. Der Browser versucht, die erste Schriftart zu laden. Ist diese nicht verfügbar, sucht er die nächste im System, usw. Ist keine der angegebenen Schriftarten auf dem System vorhanden, so stellt der Browser den Text in der Standardschrift dar.
<font color="Farbe">
Die Farbe der akturellen Schriftart legt man über das Attribut color fest. Als Wert übergibt man:
Die Standard-Schriftfarbe ist schwarz.
<font color="black">Schwarzer Text</font> <font color="yellow">Gelber Text</font> <font color="lime">Hellgrüner Text</font> <font color="blue">Blauer Text</font>
Die 16 wichtigsten Farbnamen lauten:
| schwarz | black | dunkelrot | <html><font color=„maroon“><b>maroon</b></font></html> | dunkelgrün | <html><font color=„green“><b>green</b></font></html> | olivgrün | <html><font color=„olive“><b>olive</b></font></html> | |||
|---|---|---|---|---|---|---|---|---|---|---|
| dunkelblau | navy | violett | purple | blaugrün | teal | dunkelgrau | gray | |||
| hellgrau | silver | rot | red | hellgrün | lime | gelb | yellow | |||
| blau | blue | magenta | fuchsia | hellblau | aqua | weiß | white | |||
Die drei Textformatierungen Schriftart, -größe und -farbe können beliebig kombiniert werden.
<font size="+1" color="blue" face="Arial, Helvetica">blauer Text in Schriftgröße 4 und Schriftart Arial</font>
Formatiere den Text, wie im Text angegeben:
Standard formatierter Text Jetzt ist er in Schriftgröße 5 sichtbar und in Schriftart Arial und in Textfarbe hellblau. Die Farbe ist wieder Standard. Auch die Schriftart ist wieder Standard. Jetzt ist der Text wieder Standard formatiert.
Standard formatierter Text<br> <font size="5">Jetzt ist er in Schriftgröße 5 sichtbar<br> <font face="Arial, Helvetica">und in Schriftart Arial<br> <font color="aqua">und in Textfarbe hellblau.</font> <br> Die Farbe ist wieder Standard.</font><br> Auch die Schriftart ist wieder Standard.</font><br> Jetzt ist der Text wieder Standard formatiert.