HTML, die Sprache mit der Webseiten kodiert werden, bietet eine Reihe von Möglichkeiten der Textgestaltung, allerdings sehr viel weniger als man von einem Textverarbeitungsprogramm gewöhnt ist. So sind z.B. nur sieben fest vorgegebene Schriftgrößen möglich. An Schrifttypen (Fonts) stehen zwar prinzipiell beliebig viele zur Verfügung, ob sie aber vom Computer des Nutzers dargestellt werden können, hängt davon ab, daß die verwendete Schrift dort auch installiert ist.

Hinsichtlich der Schriften gibt es große Unterschiede, z.B. zwischen Mac- und Windows-Rechnern.
Bei der Erstellung von Webseiten sollten nur die serifenlosen Schriftarten aus der Arial-Gruppe (Verdana, Arial, Helvetica), der schreibmaschinenartige Couriergruppe (Courier, Courier New) und der serifenhaltige Timesgruppe (Times,Times New Roman) Verwendung finden, da diese auf den meisten rechnern installiert sind.

Bei dem Font-Tag können Sie mit FACE mehrere Schriftarten definieren, falls eine nicht vorhanden ist. Auch über CSS lassen sich die Schriftarten vordefinieren und sogar einige optische Gestaltungen definieren. Andere Schriftarten solltest du nur als Grafiken (z.B. für Überschriften) verwenden.


Standartschrift

Wird bei einer Webseite keine Angabe zum Schrifttyp (Font) gemacht, so wird die Schrift zur Wiedergabe verwendet, die im Browser des Nutzers als Standardschrift eingestellt ist.Schriftgröße:Auf die Schriftgröße hat man nur einen geringen Einfluß. Sie hängt ab von der Bildschirmauflösung, den Voreinstellungen der Schriftgröße für den Desktop (Windows) sowie im Browser des Nutzers. Insofern sollte man für den "normalen" Text die Standardschriftgröße und nur für Hervorhebungen größere Schriften wählen. Die Schriftgröße 1 (8 pt) ist generell zu vermeiden. Kontrast zwischen Schrift- und Hintergrundfarbe.

Ein hoher Kontrast zwischen Text und Hintergrund verbessert die Lesbarkeit der Seiten. Die beste Lesbarkeit ist bei einer schwarzen Schrift auf weißem Grund gegeben. Besonders schwer lesbar ist blaue oder rote Schrift auf schwarzem Hintergrund oder gelbe Schrift auf weißem Hintergrund.


Hervorhebungen

Webseiten, die nur aus Text bestehen, womöglich ohne irgendwelche Hervorhebungen und ohne Veranschaulichung durch Grafiken, sind sehr monoton und dadurch ermüdend für das Auge.
Nutzen Sie Hervorhebungen durch Fettschrift und durch Überschriften, ermeiden Sie aber Kursivschrift (am Bildschirm schwer zu lesen). Ebenso sollte auf nur große Buchstaben verzichtet werden, weil diese schwer lesbar sind. Unterstreichungen sollten im Web nicht verwandt werden, da sie zur Darstellung von Links genutzt werden.


Abstände zwischen Zeilen und Absätzen

Wichtig für die Lesbarkeit eines Textes sind auch Zwischenräume und Abstände zur Auflockerung eines Textes. Sie sind auch für ein Überfliegen oder schnelles Querlesen erforderlich. Auf die Zeilenabstände innerhalb eines Absatzes hat man in HTML keinen Einfluß, sie sind fest vorgegeben, dennoch gibt es einige Gestaltungsmöglichkeiten. Am günstigsten ist es in kurzen Absätzen zu schreiben. Auch kann man mit Hilfe von Tabellen die Zeilenabstände steuern, ebenso lassen sich mit Hilfe von CSS Zeilenabstände definieren.


Satzbreite

Bei zu langen Satz- oder Spaltenbreiten verliert das menschliche Auge leicht die Linie beim Zeilenwechsel. Deshalb werden z.B. Tageszeitungen in mehreren Spalten gesetzt.
Bei den immer größer werdenden Bildschirmen sollten sich Texte nicht über die gesamte Bildschirmbreite erstrecken. Wenn die Zeilenlänge nicht schon durch Freiflächen oder Grafiken begrenzt ist, ist es ratsam den Text mindestens zweispaltig anzuordnen.


Links

Links sollten so dargestellt werden, daß sie sich gut hervorheben vom übrigen text und als diese klar erkennbar sind. Am besten ist es für alle Links eine einheitliche Farbe zu verwenden. Mit CSS lassen sich beispielsweise auch einige schöne Linkhover Effekte erzielen.