Skip to main content
F-LOG-GE

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.

Dies ist ein Archiv meines alten Weblogs, das von Oktober 2006 bis Dezember 2022 als Wordpress-Instanz existierte.