🖋️ Typografische Einheiten
Punkt, Pica, Pixel, em, rem – die geheime Sprache vom Bleisatz bis zu modernem CSS.
Wer mit Schrift arbeitet – ob Grafiker, Webentwickler, Buchdesigner oder Drucker – begegnet einem scheinbar chaotischen System von Einheiten: Punkt, Pica, Pixel, em, rem, Twip, Cicero. Dahinter steckt fünf Jahrhunderte Druckgeschichte, zwei konkurrierende Systeme und ein genialer Apple-Trick aus den 1980er-Jahren.
⬛ Der Punkt – Grundeinheit der Typografie
Symbol: pt
1 pt = 1/72 Inch = 0,352778 mm
Eingeführt durch: Adobe PostScript (1985)
Früher: Didot-Punkt (0,376 mm, Frankreich), Cicero-Punkt (4,512 mm)
Vom Bleisatz zum PostScript-Punkt
Der typografische Punkt hat eine verworrene Geschichte. Im 18. Jahrhundert gab es überall verschiedene Punkte: den Didot-Punkt (Frankreich, 0,376 mm), den Pica-Punkt (England/USA, 0,353 mm), den Cicero (Deutschland). Drucker, die von Paris nach London zogen, mussten ihr gesamtes Verständnis von Schriftgrößen neu kalibrieren.
Die Vereinheitlichung kam 1985 durch Adobe: Im PostScript-Seitenbezeichnungsformat wurde der Punkt auf exakt 1/72 Inch festgelegt. Da Apple den Mac mit 72 ppi-Bildschirm entwickelte, entstand WYSIWYG (What You See Is What You Get) – 12-pt-Schrift auf dem Bildschirm war genauso groß wie 12-pt-Schrift auf dem Ausdruck.
💡 Steve Jobs und der 72-ppi-Bildschirm
Steve Jobs besuchte als Student einen Kalligrafie-Kurs und lernte die Schönheit von Schrift kennen. Als er den ersten Mac entwarf, bestand er darauf, dass der Bildschirm exakt 72 Pixel pro Inch hatte – damit 1 pt = 1 Pixel war. Das ermöglichte zum ersten Mal in der Computergeschichte, dass Texte auf dem Monitor genauso aussahen wie gedruckt. Diese Entscheidung prägte das Desktop-Publishing bis heute.
📐 Pica – 12 Punkte ergeben ein Pica
Symbol: P oder pc
1 Pica = 12 Punkte = 4,2333 mm = 1/6 Inch
Herkunft: Englischer Buchdruck, 15. Jahrhundert
Heute noch in: Adobe InDesign, Quark XPress
Das Maß der Schriftsetzer
Im Bleisatz war die Pica das wichtigste Maß: Spaltenbreiten, Zeilenlängen und Einzüge wurden in Pica und Punkt gemessen. „Setz das in 24 Pica Breite mit 12 Punkt Schrift" war ein klarer Arbeitsauftrag. Heute noch verwenden professionelle Layoutprogramme wie Adobe InDesign standardmäßig Pica und Punkt – die Schriftsetzer-Tradition lebt im digitalen Design fort.
🖥️ Pixel – Das digitale Atom der Bildschirmtypografie
Symbol: px
1 px bei 96 dpi = 1/96 Inch ≈ 0,264 mm ≈ 0,75 pt
CSS-Pixel ≠ physisches Pixel (auf Retina-Displays!)
Windows-Standard: 96 dpi → 1 px = 0,75 pt
Das Retina-Problem: Warum 1 px nicht 1 Pixel ist
Moderne Smartphones haben 300–460 physische Pixel pro Inch (ppi). Würde man CSS-Pixel direkt auf physische Pixel abbilden, wären Texte winzig klein. Deshalb führte Apple das „Device Pixel Ratio" ein: Auf einem iPhone 15 Pro mit 460 ppi ist das Verhältnis 3,0 – 1 CSS-px entspricht 3 × 3 = 9 physischen Pixeln.
🔍 Warum sehen Retina-Displays schärfer aus?
Das menschliche Auge kann bei normalem Leseabstand (~30 cm) Einzelpixel ab etwa 300 ppi nicht mehr unterscheiden. Apples Retina-Displays haben 227–460 ppi – jenseits der Wahrnehmungsgrenze. Das Gehirn sieht keine getreppten Kanten mehr, sondern glatte Kurven. Der Unterschied ist auch ohne Vergrößerungsglas sofort erkennbar, wenn man einen alten 72-ppi-Mac neben ein modernes Retina-Display stellt.
📏 em und rem – Relative Einheiten in CSS
em – Relativ zum Elternelement
1 em = aktuelle Schriftgröße des Elternelements
Bei 16 px Basis: 1 em = 16 px; 2 em = 32 px
rem – Relativ zum Root-Element
1 rem = Schriftgröße des <html>-Elements
Browser-Standard: 1 rem = 16 px (unveränderlich)
Warum rem besser ist als em
Das Problem mit em: Es multipliziert sich. Wenn ein Element mit 1,5 em ein Kind mit 1,5 em hat, ist das Kind 1,5 × 1,5 = 2,25 em groß. Bei tieferer Verschachtelung kann das unkontrollierbar werden. rem bezieht sich immer auf das Root-Element – keine Überraschungen, kein Multiplizierungseffekt.
🔎 Twip und andere Kuriosa
Twip (Twentieth of a Point)
1 Twip = 1/20 Punkt = 1/1440 Inch = 0,01764 mm
Verwendet in: Microsoft Word, Excel (interne Maßeinheit)
Wer jemals eine Word-Datei als XML geöffnet hat, sieht Zahlen wie „1440" für 1 Inch – das sind Twips. Microsoft wählte Twips als interne Einheit, weil 1440 durch viele Zahlen teilbar ist (2, 3, 4, 5, 6, 8, 9, 10, 12, 15, 16, 18, 20, 24 ...) und damit Rundungsfehler minimiert werden.
📊 Umrechnungstabelle Typografie
| Einheit | In pt | In mm | In px (96 dpi) |
|---|---|---|---|
| 1 pt | 1,000 | 0,353 | 1,333 |
| 1 px (96 dpi) | 0,750 | 0,265 | 1,000 |
| 1 Pica | 12,000 | 4,233 | 16,000 |
| 1 mm | 2,835 | 1,000 | 3,780 |
| 1 cm | 28,35 | 10,000 | 37,80 |
| 1 Inch | 72,000 | 25,400 | 96,000 |
| 1 Twip | 0,050 | 0,018 | 0,067 |
| 12 pt | 12,000 | 4,233 | 16,000 |
Typografie-Einheiten umrechnen!
pt, px, Pica, mm, cm, em, rem, Twip – alle Schriftmaße im kostenlosen Umrechner.
Zum Typografie-Umrechner →