Ratgeber

Schriftgrößen in Druck und Web

Der Punkt ist die klassische Maßeinheit des Drucks, das Pixel die des Webs. Beide beziehen sich auf ein Zoll, aber mit unterschiedlichem Nenner — deshalb ist eine Schrift in pt nicht gleich groß wie eine in px.

Zwei Zollbezüge

Ein DTP-Punkt ist der 72. Teil eines Zolls. Ein CSS-Pixel ist der 96. Teil eines Zolls. Daraus folgt 1 pt = 96/72 px = 1,3333 px und umgekehrt 1 px = 0,75 pt. Zwölf Punkt sind im Web also sechzehn Pixel.

Pica und Millimeter

Zwölf Punkt sind eine Pica, 72 Punkt ein Zoll. Ein Zoll ist exakt 25,4 Millimeter, ein Punkt damit rund 0,3528 Millimeter. Für Druckvorlagen wird die Größe deshalb meist in Punkt oder Millimeter angegeben, im Web in Pixel oder in relativen Einheiten.

Warum das Pixel keine absolute Größe ist

Das CSS-Pixel ist eine Referenzlänge, keine Bildschirmzelle. Browser und Betriebssysteme skalieren sie: die Zoomstufe, die Systemeinstellung zur Schriftgröße und die Pixeldichte des Geräts verändern, wie groß Schrift tatsächlich erscheint. Der Wert 12 pt = 16 px gilt deshalb nur bei einer Zoomstufe von 100 Prozent und unveränderter Systemeinstellung.

Relative Einheiten für zugängliche Typografie

Weil absolute Pixelgrößen die Nutzereinstellung übergehen können, arbeitet zugängliche Typografie mit relativen Einheiten: em bezieht sich auf die Schriftgröße des Elternelements, rem auf die Wurzel des Dokuments. Eine in rem angegebene Größe bleibt skalierbar, wenn jemand im Browser die Standardschrift vergrößert. Eine Mindestgröße, die alle Sehstärken abdeckt, lässt sich daraus nicht ableiten.

Passende Umrechnungen

Passende Tabellen

Einheitenfamilie: Typografie

Quellen