HomePage Christian Wortmann - Standard-Fontgrössen

FONT-Tag versus Cascading Style Sheets

Über das FONT-Tag wird immer wieder gestritten; ein glühender Artikel dazu (aus 1998) findet sich im Internet (leichte Unsauberheiten bei der Übersetztung aus dem Englischen möge man mir nachsehen):

What's wrong with the FONT element?

Als Netscape sein FONT-Element mit den Attributen Grösse (size=) und Farbe (color=) vorstellte, begrüßten viele Web-Autoren die Möglichkeit der Steuerung der [Schrift-]Darstellung in ihren Dokumenten; die gleichen Autoren fühlten sich oft unbehaglich, als Microsoft das zusätzliches Schriftart-Attribut (face=) einführte. Viele dieser Autoren war nicht bewusst, daß ihre Dokumente unsichtbar oder unleserlich für manche Betrachter werden würden. Dennoch ist dieses aufgrund irrtümlicher Erwartungen und fehlerhafte Implementierung in den populären Browsern geschehen.
...

Das FONT-Tag ist eine Behinderung der Kommunikation über das World Wide Web, weil es zu viel über das System, den verwendeten Browser und die Konfiguration beim Benutzers vorraussetzt. Cascading Style Sheets ermöglichen es andererseits, ein sorgfältig entworfenes Aussehen zu erstellen, dass allen zugänglich ist. Leute erstellen Web-Dokumente aus vielen Gründen. ... Intelligente Web-Autoren, die ihre Seiten allen zur Verfügung stellen wollen, vermeiden die Verwendung des FONT-Tags.

Ist das FONT-Tag überhaupt angebracht? Wohl nicht das Farbe-, Schriftart oder die Absolutwerte des Grössen-Attributs (z.B. ). Relative Werte ( und ) können in manchen Fällen nützlich sein. Aber ihr Aussehen entspricht genau den althergebrachten HTML-Tags <big> und . Das FONT-Tag ist in den aktuellen Browsern uneinheitlich implementiert, ... und mit dem Aufkommen der Cascading Style Sheets (Formatvorlagen) überholt.

Autor: Warren Steel - Quelle: (in Englisch) www.mcsr.olemiss.edu/~mudws/font.html

Abseits dieser akademischen Diskussion (das FONT-Tag ist meiner Einschätzung nach inzwischen durchaus fehlerfrei implementiert) gibt es jedoch ganz praktische Gründe nicht mit FONT-Tags sondern mit Cascading Style Sheets zu arbeiten:

durch ein Stylesheet (möglichst ein zentral pflegbares) haben alle Seiten automatisch ein einheitliches Aussehen ("Coropate Identity")
bei einem zentralen Stylesheet können Änderungen bei der Darstellung an einer Stelle durchgeführt werden.
der Quellcode der Seiten wird schlanker, da nicht jedem Absatz oder Element Schriftgrösse- und Art oder andere Merkmale explizit zugewiesen werden müssen
diese werden (zumindest in der Grundform CSS1) von allen Browsern spätestens ab Version 4 unterstützt
diese ermöglichen ein weitgehend gleiches Aussehen von HTML-Seiten auf allen Browsern und unter allen Betriebssystemen

Standard-Fontgrössen

Ziel war, dass die Seiten meiner Website, wie auch die von "Archive in NRW" und "Staatsarchive in Deutschland", mit allen Browsern und unter allen (gängigen) Betriebssystemen gleich aussehen.

Gleichzeitig wollte ich via CSS eine möglichst weitgehende Übereinstimmung bei der Grösse der Schrift erreichen wie sie mit bis dargestellt wird (und die ich von der Abstufung her wirklich gut finde).

Dazu habe ich eine Testseite erstellt, die unter folgenden Browser- Betriebssystemkombinationen getestet wurde:

Windows (98,NT,2000)

MS Internet Explorer Ver. 4 - 6
Netsape Navigator Ver. 4.x - 6.2
Opera 5.12 und 6

Linux (SUSE 7.3 mit installierten MS-Fonts)

Konqueror
Mozilla 0.9.5
Netsape Navigator Ver. 4.78 und 6.1
Opera 5.12

Macintosh (OS 9)

MS Internet Explorer Ver. 5.01
Netsape Navigator Ver. 4.75

Dabei kam heraus, dass nur bei der Angabe der Schriftgrösse in absoluten Werten und dabei in Pixel (px) die Darstellung auf allen Systemen gleich ist. Die Angabe in Punkt (pt) führen auf dem Mac zu einer kleineren Darstellung der Schrift. Alle weiteren Versuche mit anderen, relativen Grössenangaben wie der "elementeigenen Höhe" (em) oder Prozent führten zu keinem browser- und systemübergreifend befriedigendem Ergebnis.

Wichtiger Hinweis:
Durch die Verwendung von absoluten Werten bei der Angabe der Schriftgrösse hat der Betrachter i.d.R. keine Möglichkeit mehr die Schriftgrösse über Tastenkombinationen oder Menübefehle zu beeinflussen. Das widerspricht zwar auf der einen Seite der sehr strikten Auslegung des W3C-Konsortiums (nach der man am besten generell die (Schrift-)Darstellung einer Seite komplett dem Browser und seinen Einstellungen überlässt), gibt einem auf der anderen Seite die Gewissheit, dass der Betrachter (i.d.R.) die Seite so sieht, wie man es sich gedacht hat.

Font Size 1 / CSS-Klasse fs1

The quick brown quick brown fox jumps over the lazy dog (CSS pt)

The quick brown fox jumps over the lazy dog (CSS px)