0.8em

13. August 2008

Heise hat seinen Newsticker überarbeitet. Erfreulich daran ist die Benutzung von XHTML Strict und die Abkehr vom antiken Tabellen-Layout. Schön zu sehen, wie sehr sich die Code-Qualität vieler auch größerer Seiten in den letzten Jahren verbessert.

Dabei scheint es mittlerweile Konsens geworden zu sein, die Schrift des Fließtextes mit font-size: 0.8em zu formatieren; also in 80% Größe des beim User voreingestellten Wertes. Relative Schriftgrößen gelten als benutzerfreundlicher, da sie mit den Einstellungen des User skalieren.

Aber gerade deswegen ist 0.8em für den Fließtext in diesem Zusammenhang Unsinn. 1.0em ist die vom User eingestellte Größe, die er für Fließtext optimal empfindet. Die Skalierung auf 0.8em ist damit vom Prinzip her immer eine Verschlechterung.

Motiviert wurde 0.8em durch die Standardeinstellungen in den meisten Browsern, die 12pt und eine Serifenschriftart vorschlagen. Web-Entwickler wünschen sich oft eine serifenlose Schriftart und eine Schriftgröße von 10pt. Davon ausgehend, dass der User seine Standardeinstellungen nicht ändert, skalieren sie die 12pt mit 0.8em runter. Wenn der User seine Einstellungen aber selbst schon auf einer kleinere Schrift angepasst hat – so wie ich z.B. – wird der Text im Endergebnis viel kleiner als erwünscht.

Die Lösung ist eigentlich simpel: Absolute Angaben mit px verwenden. Alle verbreiteten Browser skalieren seit Jahren auch px-Größen, wenn der User es verlangt. Letzendlich drückt nur die px-Angabe das aus, was der Entwickler wirklich mit seinem CSS vorschlagen – denn CSS-Styles sind immer nur Vorschläge, und können vom User letzendlich immer überschrieben werden – will. 0.8em für den Fließtext hingegen ist ein Hack mit Stolperdraht.

Für Schriftgrößen, die tatsächlich in Relation zum Fließtext definiert werden sollen, ist em natürlich auch weiterhin eine sinnvolle Einheit. Beispiele wären z.B. Überschriften oder Fußnoten und Metainformationen.

Prinzipiell ist es optimal, die Schriftgröße des Fließtextes gar nicht zu ändern.

Update

Ok, der Internet Explorer skaliert nicht wirklich px-Schriften. Er skaliert sie nur, wenn man die ganze Seite mit der Zoom-Funktion vergrößert. Was allerdings bei der Benutzung des Internet Explorer die prominente Vergrößerungsfunktionalität ist und deswegen IMO den Sachverhalt nicht wirklich ändert.

2 Kommentare

Komplette Websites auf Grundlage von Ajax

22. Juli 2008

Bitte, liebe Webentwickler, lasst diesen Scheiß. Wir User wollen, dass unsere History und unser Back-Button funktionieren. Habt ihr immer noch nicht von Frames und Flashseiten gelernt?

*benutzt Kopf mit Tischplatte*

Keine Kommentare