Em

Formale Definition

Das em ist eine relative Maßeinheit in der Typografie, die der aktuellen Schriftgröße entspricht. Wenn die Schriftgröße 16 Pixel beträgt, dann ist 1 em = 16 Pixel. Wenn die Schriftgröße 12 Punkte beträgt, dann ist 1 em = 12 Punkte. Das em ist unter den typografischen Einheiten einzigartig, da es keine feste Größe hat — es skaliert proportional mit dem Text, den es beschreibt. Dies macht es unverzichtbar für die Erstellung harmonischer, skalierbarer typografischer Systeme.

In CSS erbt die em-Einheit von der berechneten Schriftgröße des Elements (oder dessen Elternteils, für die Schriftgröße-Eigenschaft selbst). Das bedeutet, dass em-Werte sich kumulieren: Wenn ein Elternelement die Schriftgröße: 1.2em hat und ein Kindelement ebenfalls die Schriftgröße: 1.2em hat, beträgt die Schriftgröße des Kindes 1.2 × 1.2 = 1.44-mal die Größe des Großelternteils. Dieses kaskadierende Verhalten ist sowohl die größte Stärke des em (für proportionale Skalierung) als auch die größte Quelle der Komplexität.

Historische vs. CSS-Definition

Historisch wurde im Bleisatz das em als die Breite des Großbuchstabens M in einer bestimmten Schriftart definiert — daher der Name. In der modernen digitalen Typografie und CSS wird das em jedoch rein durch die Schriftgröße definiert, nicht durch die Breite eines bestimmten Zeichens. In den meisten Schriftarten ist das große M schmaler als ein em. Ein verwandtes, aber unterschiedliches Konzept ist der em-dash (—), der nominal ein em breit ist, und der em-space, der ein em horizontalen Leerraum darstellt.

Der Buchstabe M

Der Begriff "em" leitet sich vom Großbuchstaben M ab. In der frühen Druckkunst war das Großbuchstaben M ungefähr so breit wie der Körper der Schrift hoch, was es zu einem natürlichen Bezugspunkt für das Quadrat der Schriftgröße machte. Ein Block aus Typemetall für den Buchstaben M in einer bestimmten Größe war ungefähr quadratisch (Breite gleich Höhe), und dieses Quadrat wurde als "em quad" oder einfach als "em" bekannt. Das em wurde somit zum Synonym für die Punktgröße der Schrift.

Der Begriff "en" (halb ein em) leitet sich ähnlich vom Buchstaben N ab, der in vielen Schriftarten ungefähr halb so breit ist wie das em. Der en-dash (--) ist halb so breit wie der em-dash (---), und ein en-space ist halb so breit wie ein em-space.

Vom Bleisatz zur digitalen Typografie

Im Bleisatz hatte das em eine sehr konkrete, physische Bedeutung: Es war die Körpergröße der Schrift, gemessen in Punkten. Ein em von 12 Punkt-Schrift war 12 Punkte quadratisch. Schriftgießereien gossen em-quads (quadratische Stücke aus Typemetall, die für Abstände verwendet wurden) und en-quads (halb-em große Abstände) als Standard-Abstandsmaterial. Als die digitale Typografie aufkam, wurde das em von seinen physischen Ursprüngen abstrahiert, behielt jedoch seine proportionale Bedeutung.

Ära des Bleisatzes

Das em entstand in der Ära des beweglichen Bleisatzes (ab Gutenbergs Druckerpresse circa 1440). Im Bleisatz wurde jedes Zeichen auf einem rechteckigen Körper einer bestimmten Punktgröße gegossen. Das em war die Breite des größten Quadrats, das auf diesen Körper passte — im Wesentlichen die Punktgröße, ausgedrückt als Breite. Schriftsetzer verwendeten em-quads (leere Stücke aus Typemetall, die ein em breit sind) und en-quads (halb-em breit), um Abstände zwischen Wörtern und Absätzen zu schaffen. Der em-dash und der en-dash waren Stempel, die auf diese Breiten geschnitten wurden.

Phototypesetting

Als das Phototypesetting in den 1960er und 1970er Jahren den Bleisatz ersetzte, verlor das em seine physische Verkörperung als Metallblock, behielt jedoch seine Bedeutung als Einheit, die der Punktgröße entspricht. Phototypesetting-Maschinen maßen die Breiten der Zeichen in Bruchteilen des em (typischerweise 18 oder 54 Einheiten pro em), was eine präzise Kontrolle über den Buchstabenabstand und den Wortabstand ermöglichte.

CSS und das Web

Das em trat mit der CSS 1.0-Spezifikation im Jahr 1996 in das Webdesign ein, die das em als eine Einheit definierte, die relativ zur Schriftgröße des Elements ist. Dies machte das em zu einem leistungsstarken Werkzeug für responsives Design: Durch das Festlegen von Basis-Schriftgrößen in Pixeln und die Verwendung von ems für alle anderen Maße konnten Designer Layouts erstellen, die proportional skalierten, wenn sich die Basisgröße änderte. Die spätere Einführung der rem (root em)-Einheit in CSS 3 adressierte das Kumulierungsproblem, indem sie immer auf die Schriftgröße des Wurzel-Elements verwies.

In CSS und Webdesign

Das em ist eine der wichtigsten Einheiten in CSS. Es wird für Schriftgrößen, Margen, Abstände, Zeilenhöhen und Breakpoints in Medienabfragen verwendet. Die Verwendung von ems für Abstände schafft proportionale Beziehungen, die visuelle Harmonie aufrechterhalten, wenn der Text skaliert wird. Befürworter der Barrierefreiheit empfehlen em-basierte Schriftgrößen, da sie die Browsereinstellungen der Benutzer für die Standard-Schriftgröße respektieren.

Im responsiven Design

Em-basierte Medienabfragen erstellen Breakpoints, die auf die Textgrößeneinstellungen des Benutzers reagieren. Ein Breakpoint bei 48em wird bei unterschiedlichen Pixelbreiten ausgelöst, abhängig von der Standard-Schriftgröße des Benutzers, was sicherstellt, dass Layoutänderungen erfolgen, wenn der Inhalt nicht mehr bequem passt, anstatt bei willkürlichen Pixelbreiten. Große CSS-Frameworks und Designsysteme (einschließlich Bootstrap und Material Design) verwenden ems oder rems für viele ihrer Maße.

In der traditionellen Typografie

In der Drucktypografie definiert das em weiterhin proportionale Abstände. Ein em-space (der breiteste Standardabstand) ist ein em breit. Ein em-dash erstreckt sich über ein em. Die Einrückung der ersten Zeile eines Absatzes beträgt traditionell ein em. Schriftgestalter definieren Zeichenmetriken (Vorschubbreiten, Kerning-Werte, Seitenabstände) in Einheiten pro em — der TrueType-Standard verwendet 2.048 Einheiten pro em, und der CFF/OpenType-Standard verwendet 1.000 Einheiten pro em.

Textgrößen in Webbrowsern

Die meisten Webbrowser haben eine Standard-Schriftgröße von 16px, was bedeutet, dass 1em = 16px ist. Wenn Benutzer die Standard-Schriftgröße ihres Browsers anpassen (aus Gründen der Barrierefreiheit oder Präferenz), skalieren em-basierte Designs entsprechend. Dies macht ems unerlässlich für die Erstellung barrierefreier Websites. Eine Schriftgröße von 1.125em (18px bei Standardeinstellungen) bietet leicht größere, besser lesbare Fließtexte.

E-Mail-Design

Em-Einheiten werden im E-Mail-Design für Schriftgrößen und Abstände verwendet. Da E-Mail-Clients in ihrer Darstellung von CSS stark variieren, bieten ems eine relativ zuverlässige Möglichkeit, proportionale Größen anzugeben. E-Mail-Designer verwenden häufig ems für die Polsterung von Schaltflächen, Überschriftengrößen und Abstände, um Konsistenz über verschiedene E-Mail-Clients hinweg sicherzustellen.

Typografie-Software

Schriftgestaltungssoftware (Glyphs, FontForge, RoboFont) arbeitet umfangreich mit em-Einheiten. Glyphmetriken — die Vorschubbreite jedes Zeichens, die Höhe von Auf- und Abstrichen und die Positionen der Kontrollpunkte — werden in Einheiten pro em definiert. Ein Designer, der an einer Schriftart arbeitet, denkt ständig in Bruchteilen des em, um konsistente Proportionen über alle Zeichen hinweg zu erreichen.

In der Computerlinguistik

Die Verarbeitung natürlicher Sprache und die Computerlinguistik beziehen sich manchmal auf das em als Einheit, wenn sie das Layout und die Formatierung von Text analysieren. Studien zu Lesegewohnheiten, Textdichte und Informationsarchitektur messen Abstände in ems, da em-basierte Messungen unabhängig von der absoluten Schriftgröße sind.

In der Mensch-Computer-Interaktion

HCI-Forschung zum Interface-Design verwendet ems, wenn sie die Auswirkungen der typografischen Skalierung auf die Benutzerfreundlichkeit untersucht. Zielgrößen für Touch-Interfaces, minimale Schriftgrößen für die Lesbarkeit und optimaler Abstand für datendichte Displays werden manchmal in ems ausgedrückt, um auflösungsunabhängige Richtlinien zu erstellen.

In der Schrifttechnik

Das em ist die grundlegende Einheit in der Schrifttechnik. Der UPM (Einheiten pro em)-Wert definiert das Koordinatensystem, innerhalb dessen alle Glyphen-Konturen gezeichnet werden. OpenType- und TrueType-Schriften definieren jeden Kontrollpunkt, Vorschubbreite, Kerning-Paar und vertikale Metrik in em-Einheiten. Dies ermöglicht es, die Schrift in jeder Größe zu rendern, während präzise proportionale Beziehungen zwischen den Zeichen beibehalten werden.