HTML-Kurs - Schriftfarbe, Schriftart und Schriftgröße (2)

1.2.3 Schriftfarbe, Schriftgröße und Schriftart (2)

1.2.3.2 Schriftart

Mit dem Attribut face im Tag <font> wird die Schriftart (Arial, Helvetica, Times New Roman usw.) definiert.

Bei diesem Attribut läuft der angehende Webmaster erstmals zu Höchstform auf. Gerade noch waren neue ausgefallene Schriftfarben auf dem Rechner installiert worden, die unbedingt dem interessierten Besucher präsentiert werden müssen. Was tun sich da schlagartig für Gestaltungsmöglichkeiten auf! Der massive Besucheransturm ist somit nur noch eine Frage der Zeit und lange kann es bestimmt nicht mehr dauern, bis die eigene Website die Top 10 der meistbesuchten Websites erklimmt...

Weit gefehlt...

Die Lösung ist einfach: der Besucher kann nur die Schriftarten sehen, die er auf seinem eigenen Rechner installiert hat. Wenn ein Webmaster in seiner Website eine Schrift benutzt, die der Besucher nicht installiert hat, dann wird dort die Standardschrift angezeigt, und die kann zum einen ganz schön langweilig aussehen. Schlimmer noch: sie kann das Layout zerschießen.

Beispiel:

bei obigem Beispiel wurde die Schriftart "Wendy Medium" benutzt. Jemand, der diese Schriftart nicht installiert hat, wird u.U. folgendes sehen:

Dies ist nicht mal ansatzweise das, was sich der Webmaster gedacht hat. Hier wird nicht nur die Schriftart anders angezeigt als gewünscht, sondern durch die unterschiedliche Standardgröße der Schriftart wird u.U. das Layout völlig zerschossen.

Was also kann der schlaue Webmaster tun? Entweder er lässt die Angabe der Schrift weg, was dazu führt, dass die Standardschrift des Besucherbrowsers

angezeigt wird, oder aber er gibt eine Anzahl von Fonts an, die mit großer Wahrscheinlichkeit auf den meisten Rechnern installiert sind, wie z.B. Arial, Tahoma, Helvetica, Verdana. (Diese Schriften gehören übrigens zu der "Gattung" der serifenlosen Schriften, während Times New Roman eine Serifenschrift ist).

Der erfahrende Webmaster wird noch einen Schritt weitergehen und in den Reigen der Standardschriftarten mutig die bevorzugte Schriftart angeben.

Im Quellcode sieht das Ganze dann wie folgt aus: <font face="Wendy Medium, Verdana, Arial, Helvetica"></font> Wenn der Besucher "Wendy Medium" nicht installiert hat, dann wird die nächstmögliche Schrift angezeigt, die installiert ist, also Verdana. Ist diese nicht installiert, wird Arial angezeigt usw.

1.2.3.3 Schriftgröße

Mit dem Attribut size innerhalb des Tags <font> definiert man in reinem HTML 4 die Schriftgröße eines Textes. Dabei gehen die Werte von -2 (am kleinsten) bis +4 (am größten), wobei das + u.U. auch weggelassen werden kann. Die Werte sind relativ zu der Standardeinstellung des Browsers des Besuchers. In CSS gäbe es die Möglichkeit eine feste Größe, z.B. 12 pt anzugeben. Das geht in HTML nicht.

Beispiel: