Typography Glossary

Die unsichtbare Linie, auf der die meisten Buchstaben stehen. Unterlängen reichen unterhalb der Grundlinie.

Die Höhe der Kleinbuchstaben (wie 'x'), gemessen von der Grundlinie. Ein wesentlicher Faktor für die wahrgenommene Schriftgröße und Lesbarkeit.

Der Teil eines Kleinbuchstabens, der über die x-Höhe hinausragt, wie bei 'b', 'd', 'h', 'k', 'l'.

Der Teil eines Buchstabens, der unter die Grundlinie reicht, wie bei 'g', 'j', 'p', 'q', 'y'.

Die Höhe eines Großbuchstabens, gemessen von der Grundlinie bis zur Oberkante flacher Versalien wie 'H' oder 'I'.

Der Unterschied zwischen den dicksten und dünnsten Teilen der Buchstabenstriche. Hochkontrastige Schriften (wie Didot) weisen dramatische Stärkenunterschiede auf.

Zwei oder mehr Buchstaben, die zu einem einzigen Glyphen verbunden werden, z. B. 'fi' oder 'fl'. Häufig in Serifenschriften und Programmierschriften (z. B. Fira Code).

Die einzelne visuelle Darstellung eines Zeichens. Ein Zeichen kann mehrere Glyphen haben (z. B. reguläres und kursives 'a').

Der geschlossene oder teilweise geschlossene Innenraum in Buchstaben wie 'o', 'e', 'p'. Offene Gegenformen (wie bei 'c') werden als Apertur bezeichnet.

Der geschwungene Strich, der eine geschlossene Gegenform in Buchstaben wie 'b', 'd', 'p', 'q' bildet. Die Form variiert stark zwischen verschiedenen Schriften.

Der hauptsächliche vertikale Strich eines Buchstabens, wie der aufrechte Strich in 'l', 'b', 'd'. In den meisten Schriften der stärkste Strich.

Jede Linie, die einen Buchstaben bildet – vertikal, horizontal, diagonal oder gebogen. Der Strichkontrast prägt den Charakter einer Schrift wesentlich.

Das Ende eines Strichs ohne Serife – kann als Kugel, Schnabel, Tropfen oder flach ausgeführt sein. Der Endungsstil ist ein wichtiges Merkmal zur Schriftklassifizierung.

Der horizontale Strich in Buchstaben wie 'A', 'H', 'e', 'f'. Seine Position relativ zur x-Höhe beeinflusst die Lesbarkeit.

Ein erweiterter, dekorativer Strich an einem Buchstaben, häufig in Kursiv- und Displayschriften. Verleiht Überschriften Eleganz und Ausdrucksstärke.

Die Öffnung einer teilweise geschlossenen Gegenform in Buchstaben wie 'c', 'e', 's'. Breitere Aperturen verbessern generell die Lesbarkeit bei kleinen Schriftgrößen.

Ein kleiner dekorativer Strich am Ende der Hauptstriche eines Buchstabens. Serifenschriften (wie Times New Roman) besitzen diese; serifenlose Schriften nicht.

Eine Schrift ohne Serifen – 'sans' bedeutet im Französischen 'ohne'. Klares, modernes Erscheinungsbild, beliebt im digitalen Design.

Eine Schrift, bei der jedes Zeichen dieselbe horizontale Breite einnimmt. Unverzichtbar für Code-Editoren und tabellarische Daten.

Das Gesamtdesign eines Zeichensatzes – die künstlerische Schöpfung. Oft verwechselt mit 'Schriftschnitt', der eine bestimmte Größe, Stärke und den Stil bezeichnet.

Eine spezifische Ausprägung einer Schriftfamilie mit bestimmter Stärke, Größe und Stilart. Beispielsweise ist 'Inter Bold 16px' ein Schriftschnitt; 'Inter' ist die Schriftfamilie.

Schriften, die für den Einsatz in großen Größen konzipiert sind – für Überschriften, Plakate und Logos. Nicht für die Lesbarkeit von Fließtext in kleinen Größen optimiert.

Schriften, die auf verbundener, fließender Handschrift basieren. Sie reichen von formalen kalligrafischen Stilen bis zu lässigen Pinselschriften.

Serifenschriften mit dicken, blockartigen rechteckigen Serifen. Starke visuelle Wirkung für Überschriften, UI-Elemente und Branding.

Eine Schrift, bei der jedes Zeichen je nach seiner Form eine unterschiedliche Breite hat – 'w' ist breiter als 'i'. Standard bei den meisten Schriften.

Verfeinerte serifenlose Stilrichtung der 1950er Jahre mit gleichmäßigen Strichen und neutralem Erscheinungsbild. Der dominierende Stil im modernen UI-Design.

Serifenlose Schriften, die auf geometrischen Formen aufgebaut sind – Kreisen, Rechtecken, Dreiecken. Klar und modern, kann bei kleinen Größen jedoch kalt wirken.

Serifenlose Schriften, die von der Handschrift der Renaissance inspiriert sind, mit organischer Strichvarianz. Wärmer und lesbarer als geometrische Stile.

Die Anpassung des Abstands zwischen einzelnen Buchstabenpaaren, um eine optisch gleichmäßige Zeichenabstand zu erzielen.

Die gleichmäßige Anpassung des Abstands über einen gesamten Textbereich, im Gegensatz zum Kerning, das auf spezifische Paare abzielt.

Der vertikale Abstand zwischen Textzeilen, gemessen von Grundlinie zu Grundlinie. Benannt nach den Bleistreifen des Bleisatzes.

Eine typografische Einheit, die der aktuellen Schriftgröße entspricht. In CSS gilt: 1em = Schriftgröße des Elternelements. Grundlage für relative Größenangaben.

Die CSS-Eigenschaft, die den Abstand zwischen Wörtern steuert – der Standardwert wird durch die Breite des Leerzeichens der Schrift bestimmt.

Der bewusst gestaltete Leerraum in einem Design, der Texten und Elementen Raum zum Atmen gibt. Entscheidend für Lesbarkeit und visuelle Hierarchie.

Die Länge einer Textzeile, typischerweise 45–75 Zeichen für optimale Lesbarkeit. Zu lange oder zu kurze Zeilen verringern den Lesekomfort.

Eine Gruppe verwandter Schriften mit demselben Grunddesign, die sich in Stärke, Breite oder Stil unterscheiden. In CSS gibt die font-family-Eigenschaft die bevorzugten Schriften an.

Die Strichstärke von Zeichen, in der Regel von 100 (Dünn) bis 900 (Schwarz). Regular entspricht 400, Bold 700.

Eine Schrift, die speziell für die Verwendung auf Websites gestaltet oder lizenziert wurde und per CSS @font-face oder über Dienste wie Google Fonts geladen wird.

Eine einzelne Schriftdatei, die eine gesamte Bandbreite an Stärken, Breiten oder anderen Variationen enthält. Reduziert HTTP-Anfragen und Dateigröße.

Ein von Microsoft und Adobe entwickeltes Schriftformat, das erweiterte typografische Funktionen wie Ligaturen, Alternativen und variable Achsen unterstützt.

In einer Schrift eingebettete Anweisungen, die das Rendering bei kleinen Größen auf niedrig auflösenden Bildschirmen verbessern, indem Konturen am Pixelraster ausgerichtet werden.

Die Glättung der gezackten Kanten von gerendertem Text durch das Mischen der Randpixel. CSS: -webkit-font-smoothing: antialiased.

Die am häufigsten verwendete Open-Source-Schriftlizenz. Erlaubt freie Nutzung, Bearbeitung und Weitergabe. Alle Google Fonts verwenden OFL oder Apache 2.0.

Web Open Font Format 2.0 – Brotli-komprimiert, das effizienteste Schriftformat für das Web. Etwa 30 % kleiner als WOFF, von allen modernen Browsern unterstützt.

Das Entfernen nicht verwendeter Zeichen aus einer Schriftdatei, um die Ladezeit zu reduzieren. Beispielsweise werden nur lateinische Zeichen statt des vollständigen Unicode-Bereichs geladen.

CSS-Deskriptor in @font-face, der angibt, welche Unicode-Zeichen aus einer Schriftdatei heruntergeladen werden sollen, was automatisches Subsetting durch den Browser ermöglicht.

CSS-Eigenschaft zur Steuerung von OpenType-Funktionen – Ligaturen, Kapitälchen, Tabellenzahlen, stilistische Alternativen. Für einfache Fälle font-variant verwenden.

JavaScript-API (document.fonts) für programmatische Kontrolle des Schriftladens – prüft, ob Schriften geladen sind, lädt bestimmte Schriften vor und reagiert auf Ladeereignisse.

CSS-Eigenschaft zur direkten Steuerung von Achsen variabler Schriften – Stärke, Breite, Neigung und benutzerdefinierte Achsen. Niedrigstufliger als font-weight/font-stretch.

Die Praxis, zwei oder mehr komplementäre Schriften für ein Design auszuwählen. In der Regel wird eine Überschriftsschrift mit einer Textschrift kombiniert.

Eine harmonische Abfolge von Schriftgrößen, die auf einem Verhältnis basiert (z. B. 1,25; 1,333; 1,5). Erzeugt visuelle Hierarchie und Konsistenz.

Die visuelle Gliederung von Text durch Größe, Stärke, Farbe und Abstand, um den Leser nach Wichtigkeit durch den Inhalt zu führen.

Die Anpassung von Buchstabendetails an die beabsichtigte Darstellungsgröße. Kleiner Text benötigt mehr Abstand und stärkere Striche; großer Text kann verfeinert sein.

Typografie, die sich an verschiedene Bildschirmgrößen anpasst – mithilfe von Media Queries, Viewport-Einheiten oder CSS clamp() für flüssige Skalierung.

Ein konsistentes Abstands-muster, das Textgrundlinien und Elementabstände an einem Grundlinienraster ausrichtet. Erzeugt visuelle Harmonie auf der Seite.

Eine Folge harmonischer Zahlen auf Basis eines Verhältnisses (z. B. 1,25 kleine Terz, 1,333 reine Quarte, 1,618 Goldener Schnitt) zur Festlegung von Schriftgrößen.

Die visuelle Dichte oder Textur eines Textblocks auf einer Seite – beeinflusst durch Schriftstärke, Größe, line-height und letter-spacing.

Typografie, die mithilfe von CSS clamp() zwischen Mindest- und Höchstgröße fließend skaliert – ohne sprunghafte Breakpoint-Wechsel.

Die CSS-Eigenschaft, die den Abstand zwischen Textzeilen steuert. Für Fließtext wird typischerweise 1,5 oder 150 % empfohlen.

Die CSS-Eigenschaft zur Anpassung des Abstands zwischen allen Zeichen. Positive Werte vergrößern den Abstand; negative Werte verringern ihn.

Eine CSS-At-Regel, die es Webdesignern ermöglicht, benutzerdefinierte Schriften für ihre Webseiten festzulegen. Die Grundlage der Webtypografie.

Eine geordnete Liste von Schriften in der CSS-Eigenschaft font-family, die Alternativen bietet, falls die bevorzugte Schrift nicht verfügbar ist. Z. B. 'Inter, system-ui, sans-serif'.

Eine auf dem Betriebssystem vorinstallierte Schrift. Die Verwendung von Systemschriften (system-ui-Stack) vermeidet Download-Zeiten, schränkt jedoch die Markenkonsistenz ein.

Flash of Unstyled Text – wenn kurzzeitig eine Ausweichschrift erscheint, bevor die Webfont geladen ist. Wird durch font-display: swap gemildert.

Flash of Invisible Text – wenn Text verborgen bleibt, bis die Webfont geladen ist. Schlechter als FOUT für die Nutzererfahrung. Wird durch font-display: swap verhindert.

Ein CSS-Deskriptor, der steuert, wie eine Webfont während des Ladens angezeigt wird. Werte: auto, block, swap, fallback, optional.

Root-Em – eine CSS-Einheit relativ zur Schriftgröße des Wurzelelements (üblicherweise 16 px). Vorhersehbarer als em für konsistente Größenangaben.

Googles kostenlose Open-Source-Schriftbibliothek mit über 1.900 Familien. Die größte Sammlung frei lizenzierter Webfonts, über ein globales CDN bereitgestellt.

Die Verwendung von <link rel="preload" as="font">, um Schrift-Downloads zu priorisieren, FOUT/FOIT zu reduzieren und den Largest Contentful Paint (LCP) zu verbessern.

Cumulative Layout Shift durch Schriftladevorgang – Text verschiebt sich, wenn eine Webfont die Ausweichschrift mit anderen Maßen ersetzt. Ein Core Web Vitals-Problem.

CSS-Eigenschaft zur Steuerung der Textrenderingqualität: auto, optimizeSpeed, optimizeLegibility, geometricPrecision. Beeinflusst Kerning und Ligaturen.

Die Leichtigkeit, mit der einzelne Zeichen voneinander unterschieden werden können – eine intrinsische Eigenschaft des Schriftdesigns selbst.

Die Bequemlichkeit, mit der längere Texte gelesen werden können – beeinflusst durch Schriftwahl, Größe, line-height, Zeilenlänge und Farbkontrast.

Typografische Maßnahmen, die sicherstellen, dass Inhalte für alle nutzbar sind – ausreichender Kontrast, skalierbarer Text, klare Hierarchie und geeignete Schriftwahl.

Web Content Accessibility Guidelines in Bezug auf Text – Mindestkontrastverhältnisse (4,5:1 AA, 7:1 AAA), skalierbarer Text und kein Text in Bildern.

Schriften, die für verbesserte Lesbarkeit bei Legasthenikern entwickelt wurden – mit eindeutigen Buchstabenformen, großzügigem Abstand und gewichteten Unterkanten zur Buchstabenverankerung.

Das Helligkeitsverhältnis zwischen Vordergrundtext und Hintergrundfarbe. WCAG fordert 4,5:1 für normalen Text (AA) und 7:1 für erhöhten Standard (AAA).

Johannes Gutenberg erfand um 1440 den Buchdruck mit beweglichen Lettern und ermöglichte damit die Massenproduktion von Büchern sowie den breiten Zugang zu geschriebenem Wissen.

Die ikonische neugroteskische Schrift, 1957 von Max Miedinger entworfen. Sie prägte das moderne Grafikdesign und ist die weltweit bekannteste Schrift.

Die geometrische Serifenlosschrift, 1927 von Paul Renner entworfen, verkörpert den Bauhaus-Modernismus. Ihr Einfluss zeigt sich in Poppins, Montserrat und Raleway.

Die einflussreiche Altstil-Serifenschrift von Claude Garamond (~1530). Eines der ältesten Schriftdesigns, das noch heute aktiv genutzt wird – fast 500 Jahre später.

Die Bauhausschule (1919–1933) revolutionierte die Typografie mit geometrischen Formen, Präferenz für Serifenlose und dem Prinzip, dass die Form der Funktion folgt.

Der Internationale Typografische Stil (ab 1950er Jahre) betonte Raster, asymmetrische Layouts und serifenlose Schriften. Helvetica war sein Aushängeschild.