Workshop am 23. März in Köln über moderne Frontendentwciklung

Schriftgrößenrechner

Die Auszeichnung der Schriftgröße ist immer wieder ein schöner Anlaß für gepflegte Streitigkeiten zwischen Entwicklern. Dabei ist es egal, ob man Verfechter von Webstandards ist oder nicht. Möchte man sich von der Auszeichnung in Pixeln lösen, so steht man meist vor dem Problem, daß man mit dem Kunden bzw. Grafiker immer in Pixeln kommunizieren muß, um die Schriftgröße zu verdeutlichen. Welcher Kunde kann mit 1.2em etwas anfangen? Aber vor allem: 1.2em in Bezug worauf?

Die Faustregel lautet, daß die Basisschriftgröße im Browser (sozusagen 100%) 16 Pixeln entspricht. Eine auch von mir immer wieder propagierte Vorgehensweise setzt die Schriftgröße für body auf 62.5% und erhält dadurch als Basis 10 Pixel. Ab diesem Zeitpunkt kann man ganz einfach mit em arbeiten, denn 20 Pixel sind nur noch 2em, 16 Pixel 1.6em usw.

Doch wie verändert sich die Schriftgröße durch Vererbung? Wieviel em sind 13 Pixel bei einer unveränderten Basisschriftgröße von 16 Pixel? Wer sich nicht anstrengen möchte kann nun ganz einfach ein pfiffiges Tool nutzen: den EM Calculator!

Hier kann man nach Festlegung der Basisschriftgröße die em-Werte unterschiedlicher Nodes in unterschiedlichen Schachtelungstiefen des DOM ausrechnen lassen. Man kann also auch ausrechnen lassen, welche Werte man dank der Vererbung eingeben muß, um an das gewünschte Ziel zu gelangen. Die Oberfläche ist schlicht aber genial. Ein tolles Tool, daß sicherlich schnell viele Fans finden wird.

Kommentare und Trackbacks sind nicht möglich

2 Kommentare zu “Schriftgrößenrechner”

  1. Ich halte Nichts davon, die Standardschriftgröße für body zu verändern. Wenn der User eine Standardschriftgröße von 16px wünscht, dann soll er sie auch bekommen. Schließlich wird das dann ja wohl seinen Grund haben. Den User dazu zu zwingen, eine Standardschriftgröße von 20px einzustellen, damit er dann im Endeffekt eine tatsächliche Scriftgröße von 16px auf der Webseite bekommt, halte ich für kontraproduktiv. Das Maß der Dinge sollte der User sein, und das, was er an Standardschriftgröße eingestellt hat. Wenn der User Übersicht auf Kosten der Lesbarkeit vorzieht und demzufolge eine Standardschriftgröße von 10px eingestellt hat, dann sollte er ebenfalls auch genau diese Schriftgröße bekommen, und nicht 62% davon. Der User sollte 100% von dem bekommen, was er will, und nicht 62%.

    Die in den meisten Browsern voreingestellte Standardschriftgröße von 16px ist schon recht sinnvoll. Insbesondere, da die Monitorauflösungen immer besser werden und daher die Pixelgröße immer kleiner. Wer eine davon abweichende Voreinstellung braucht, weiß, wo er die einstellen kann.

    Siegfried    |   2.März 2007

  2. Grundsätzlich kann ich da Siegfried nur zustimmen. Ich denke, dass ist auch schon das größte Problem bei einer Schriftgröße von 62.5%.

    Allerdings kommt noch etwas hinzu, was bei Pixelgenauen Layouts zu Fehlern führt. Der IE6 hat hier einen Rundungsfehler und stellt in bestimmten Situationen Boxen eben nicht pixelgenau dar. Das kann ich aus Erfahrung sagen, auch wenn ich jetzt kein rechnerisches Beispiel anbringen kann (ist ja letztlich auch ein Bug).

    Trotzdem ist diese Möglichkeit meiner Meinung nach eine der Schlechteren, da man hier dem User die Kontrolle über die Schriftgröße entzieht. Stelle man sich vor es gibt User die grundsätzlich 14px als Schriftgröße eingestellt haben?

    Matthias    |   16.April 2007
« »