Punkt, Pixel und Em
Die richtige Einheit wählen
Einheiten vergleichenVerschiedene Typografie-Einheiten dienen unterschiedlichen Zwecken. Punkt eignet sich für den Druck, Pixel für feste Bildschirme und Em/Rem für responsives Design. Die richtige Wahl stellt sicher, dass Ihre Schrift in allen Kontexten gut dargestellt wird.
Einheitenvergleich
| Einheit | Typ | Ideal für |
|---|---|---|
| pt (Punkt) | Absolut | Druckdesign |
| px (Pixel) | Absolut* | Bildschirm-UI-Elemente |
| em | Relativ | Komponentenabstände |
| rem | Relativ | Globale Schriftgrößenskalen |
| % (Prozent) | Relativ | Flexible Layouts |
| vw/vh | Relativ | Viewport-basierte Größenangaben |
*CSS-Pixel sind Referenzpixel, keine physischen Bildschirmpixel.
Fazit
Modernes responsives Design bevorzugt Rem für die Basistypografie und Em für komponentenrelative Abstände. Pixel eignen sich für präzise Kontrolle, wenn keine Skalierung erforderlich ist. Punkt bleibt für den Druck unverzichtbar. Das Verständnis des Verhaltens jeder Einheit hilft dabei, konsistente und barrierefreie Designs zu erstellen.