Typografie: Wahl von Schriftgrad, Zeilenabstand und Schriften für Druck und Bildschirm

Geben Sie den Schriftgrad des Textes, das Verhältnis der Schriftskala, das Grundlinienraster und die Satzbreite ein, wählen Sie die Schriften, und Sie erhalten eine vollständige Hierarchie (von der Bildunterschrift bis zur H1) mit Zeilenabstand im Raster, Zeichen pro Zeile, Prüfung der Satzregeln und Bewertung des Schriftpaars. Die Musteransicht zeigt alles im Maßstab 1:1. Export als CSS, JSON und Textübersicht zur Übernahme ins DTP-Programm.

Berechnungen und Musteransicht laufen im Browser. Die Einstellungen verlassen Ihr Gerät nicht.

Medium

Grundlinienraster 0 = kein Raster (Zeilenabstand aus dem Verhältnis). Satzbreite 0 = keine Zählung der Zeichen pro Zeile. Übernehmen Sie Zeilenabstand und Spaltenbreite aus dem Rastergenerator.

Schriften

Frei lizenzierte Schriften (SIL OFL, Apache), lokal gehostet: x-Höhe und Versalhöhe aus den Fontdateien gemessen. Die Bewertung des Paars beruht auf dem Kontrast der Schriftklassen, der Übereinstimmung der x-Höhe und dem Verwendungszweck der Schrift.

Bewertung des Paars

Musteransicht 1:1 für einen 96-dpi-Bildschirm

Hierarchie

Prüfung der Satzregeln

    Code und Einstellungen

    
            
    Herunterladen:
    
            
        
    
    
    

    
    
        
    Wie wählt man Schriftgrad, Zeilenabstand und Satzbreite?
    Drei Größen halten einander: Schriftgrad, Zeilenabstand und Zeilenlänge. Fließtext wird im Druck meist in 9–11 pt gesetzt, am Bildschirm in 16–18 px. Eine Zeile sollte 45–75 Zeichen haben: kürzere Zeilen zerhacken das Lesen, bei längeren verliert das Auge beim Rücksprung zum linken Rand die Zeile. Der Zeilenabstand wächst mit der Zeilenlänge: im Druck vom 1,2-Fachen des Schriftgrads (10/12 pt) bei Zeilen bis 75 Zeichen bis etwa zum 1,3-Fachen bei längeren; am Bildschirm von etwa dem 1,35-Fachen bei kurzen Zeilen bis zum 1,6-Fachen bei sehr langen. Schriften mit großer x-Höhe wirken größer und brauchen etwas mehr Durchschuss; Schriften mit kleiner x-Höhe (Renaissance-Antiqua) brauchen einen höheren Schriftgrad.
    
        
    Hierarchie und Schriftskala im Grundlinienraster
    Eine Hierarchie ist ein Satz von Rollen (Bildunterschrift, Text, Vorspann, H3, H2, H1), deren Schriftgrade aus einem gemeinsamen Verhältnis folgen: 1,2 (sanft), 1,25, 1,333, 1,5 oder 1,618 (dramatisch). Benachbarte Stufen sollten sich deutlich unterscheiden (in der Regel mindestens 1,2×), und die H1 sollte etwa das 2- bis 4-Fache des Textes betragen. Mit Grundlinienraster ist der Zeilenabstand jeder Rolle ein Vielfaches der Rasterzeile: Text und Bildunterschriften stehen auf ganzen Zeilen, Vorspann und Überschriften dürfen auf Halbzeilen stehen, sofern der Block auf einer ganzen Zeile endet. So steht der Text in benachbarten Spalten und auf gegenüberliegenden Seiten in denselben Zeilen.
    
        
    Wie kombiniert man Schriften: Kontrast, x-Höhe, Verwendungszweck
    Ein gutes Paar bietet Kontrast der Schriftklassen (Antiqua im Text + Grotesk in der Überschrift oder umgekehrt), nicht „fast dasselbe“: Zwei ähnliche Grotesken wirken wie ein Versehen. Eine übereinstimmende x-Höhe verleiht beiden Schriften ein ähnliches optisches Gewicht. Display-, Schreib- und Handschriften gehören ausschließlich in Überschriften und Akzente, nie in den Fließtext. Gemeinsam entworfene Familien (z. B. Antiqua + Grotesk desselben Gestalters) oder eine Familie mit vielen Schnitten sind die sicherste Wahl. Das Werkzeug bewertet ein Paar auf einer Skala von 0 bis 100 und schlägt Überschriftenschriften zur gewählten Textschrift vor.
    
        
    Die Schriften der Musteransicht werden lokal unter der SIL Open Font License 1.1 und Apache 2.0 gehostet; Lizenzverzeichnis: LICENSES.md
    
    
    
            
    
        
    Typografie-Glossar: Begriffe, Geschichte, Fakten
    
        
    
            
    Letter, Font, Schriftart
    Historisch ist die Letter (Drucktype) ein Metallstäbchen mit dem gegossenen Buchstabenbild und der Font ein kompletter Satz Lettern einer Schrift in einem Schriftgrad. Heute ist ein Font eine Datei (z. B. WOFF2, OTF) und die Schriftart der grafische Entwurf der Buchstaben, unabhängig vom Träger. Umgangssprachlich werden die Wörter synonym gebraucht; im Satz lohnt es sich, sie zu unterscheiden.
    Schriftfamilie und Schriftschnitt
    Eine Schriftfamilie ist der Satz der Schnitte einer Schrift: Strichstärke (Light, Regular, Bold), Breite (Condensed, Extended), Neigung (Italic). Variable Fonts (OpenType 1.8, 2016) speichern die ganze Familie in einer Datei mit Achsen, z. B. für die Strichstärke (wght) und die optische Größe (opsz).
    Typografischer Punkt
    Die Einheit des Schriftgrads. Der Didot-Punkt (Frankreich, 18. Jahrhundert) misst 0,376 mm; der anglo-amerikanische Punkt, im DTP als DTP-Punkt übernommen, beträgt 1/72 Zoll = 0,3528 mm. Eine Pica sind 12 Punkt, ein Cicero 12 Didot-Punkt. Ein CSS-Pixel ist 1/96 Zoll, also 1 pt = 1,333 px.
    Schriftgrad
    Die nominelle Größe einer Schrift: früher die Kegelhöhe der Bleiletter, heute die Höhe des Gevierts (des Zeichenfelds). Die Buchstaben sind kleiner als der Schriftgrad; Versalien nehmen meist 0,66–0,73 davon ein, die x-Höhe 0,45–0,55. Deshalb können zwei Schriften im selben Schriftgrad unterschiedlich groß wirken.
    Zeilenabstand (Durchschuss)
    Der Abstand zwischen den Grundlinien aufeinanderfolgender Zeilen. Der englische Name leading kommt von den Bleistreifen (Regletten, englisch lead), die die Setzer zwischen die Zeilen aus Lettern schoben; im Deutschen heißt dieser zusätzliche Raum Durchschuss. Die Angabe 10/12 bedeutet Schriftgrad 10 und Zeilenabstand 12 Punkt.
    Grundlinie, x-Höhe, Ober- und Unterlängen
    Die Grundlinie ist die Linie, auf der die Buchstaben stehen. Die x-Höhe ist die Höhe der Kleinbuchstaben (Gemeinen) ohne Ober- und Unterlängen (wie beim x); Oberlängen (b, d, k) und Unterlängen (g, p, y) reichen über sie hinaus. Schriften mit großer x-Höhe (z. B. Verdana, Inter) sind in kleinen Graden am Bildschirm besser lesbar.
    Serife
    Der kurze Querstrich am Ende eines Buchstabenstrichs. Serifen finden sich schon in römischen Inschriften (Trajanssäule, 113 n. Chr.); im Druck führen sie das Auge die Zeile entlang. Schriften ohne Serifen heißen serifenlos, Grotesk (vom englischen „grotesque“ des 19. Jahrhunderts) oder, in der amerikanischen Tradition, Gothic.
    Antiqua und ihre Gruppen
    Die Antiqua ist eine Serifenschrift, die aus der humanistischen Minuskel und der römischen Capitalis hervorging. Renaissance-Antiqua (Jenson 1470, Garamond 16. Jahrhundert): geringer Strichkontrast, schräge Achse. Barock-Antiqua oder Übergangsantiqua (Baskerville, 1750er-Jahre): stärkerer Kontrast. Klassizistische Antiqua (Didot, Bodoni, Ende des 18. Jahrhunderts): sehr starker Kontrast, Haarstrichserifen; daher die englische Bezeichnung Didone.
    Egyptienne (Slab Serif)
    Eine Schrift mit kräftigen, rechteckigen Serifen, um 1815–1820 in England für Plakate und Anzeigen geschaffen; nach DIN 16518 serifenbetonte Linear-Antiqua. Der Name „ägyptisch“ spiegelt die Mode nach Napoleons Ägyptenfeldzug, nicht einen Bezug zu Ägypten. Moderne Egyptiennes (z. B. Rockwell, Roboto Slab) bewähren sich gut am Bildschirm.
    Grotesk, Neo-Grotesk, humanistische und geometrische Serifenlose
    Die ersten Grotesken waren Werbeschriften des 19. Jahrhunderts. Die Akzidenz-Grotesk (Berlin, 1896–1898) begründete die Neo-Grotesken: Die Helvetica entstand 1957 als Neue Haas Grotesk (Max Miedinger, Eduard Hoffmann). Geometrische Grotesken (Futura, Paul Renner, 1927) bauen die Buchstaben aus Kreis und Gerade; humanistische (Gill Sans 1928, Frutiger 1976) bewahren die Proportionen der Antiqua und sind im Fließtext am besten lesbar.
    Vox-ATypI-Klassifikation
    Ein System zur Klassifikation von Schriften, 1954 von Maximilien Vox vorgeschlagen und 1962 von der ATypI übernommen: Humanes (humanistische Antiqua), Garaldes, Réales (Übergangsantiqua), Didones, Mécanes (Egyptienne), Linéales (Serifenlose), Incises, Scriptes, Manuaires (Handschriften), Fractures (gebrochene Schriften). Die ATypI zog es 2021 als unzureichend für zeitgenössische Schriften zurück, doch die Bezeichnungen sind weiter in Gebrauch.
    Kursive und Oblique
    Die Kursive (Italic) führte 1501 der venezianische Drucker Aldus Manutius zusammen mit dem Stempelschneider Francesco Griffo ein, nach dem Vorbild der Kanzleischrift; sie sollte mehr Text in Taschenausgaben unterbringen. Die Oblique (schräg gestellte Schrift) ist nur eine mechanisch geneigte Antiqua; eine echte Kursive hat eigene, abweichende Buchstabenformen (a, f, g).
    Versalien, Gemeine, Kapitälchen
    Versalien (Majuskeln) stammen von der römischen Capitalis, die Kleinbuchstaben (Gemeine) von der karolingischen Minuskel (8.–9. Jahrhundert). Die englischen Begriffe uppercase und lowercase bezeichnen wörtlich den oberen und unteren Setzkasten: In den Druckereien lagen die Versalien im Oberkasten, die Gemeinen im Unterkasten. Kapitälchen sind auf x-Höhe verkleinerte Versalien, verwendet für Abkürzungen und Zwischentitel.
    Ligatur
    Zwei oder mehr Zeichen, zu einer Glyphe verbunden, z. B. fi, fl, ffl, damit der i-Punkt nicht mit dem Bogen des f kollidiert. Das Zeichen & ist eine Ligatur des lateinischen „et“. In OpenType-Fonts schaltet die Funktion liga die Ligaturen ein; in CSS entspricht ihr font-variant-ligatures.
    Kerning (Unterschneidung) und Tracking (Laufweite)
    Kerning, die Unterschneidung, korrigiert den Abstand eines bestimmten Buchstabenpaars (AV, To, Wa); Tracking, die Laufweite, verändert die Abstände gleichmäßig im ganzen Text. Das Wort kern stammt aus der Bleizeit: So hieß der Teil eines Buchstabens, der über den Kegel hinausragte und den Nachbarn überlappte. Die Laufweite ändert man mit Bedacht: Große positive Werte zerreißen Wörter, negative kleben die Buchstaben zusammen.
    Blocksatz und Flattersatz
    Blocksatz (Ausrichtung an beiden Rändern) verlangt Silbentrennung und Kontrolle der Wortabstände, sonst entstehen Gießbächlein (weiße Flüsse im Text). Linksbündiger Flattersatz hält gleiche Abstände und einen natürlichen Rhythmus; guter Flattersatz hat sanft variierende Zeilenenden, ohne Treppen und ohne einzelne kurze Wörter.
    Hurenkind, Schusterjunge und die polnische „Waise“
    Polnische Satzregeln kennen die Waise (sierota): eine einbuchstabige Konjunktion oder Präposition (i, w, z, a) am Zeilenende; sie wird mit einem geschützten Leerzeichen in die nächste Zeile gezogen. Die letzte Zeile eines Absatzes allein am Anfang einer neuen Spalte oder Seite heißt im Deutschen Hurenkind (polnisch wdowa, Witwe), die erste Zeile eines Absatzes allein am Spalten- oder Seitenende Schusterjunge (polnisch bękart). DTP-Programme wachen darüber in den Absatzeinstellungen.
    Divis, Halbgeviertstrich, Geviertstrich
    Drei verschiedene Zeichen: Der Divis oder Bindestrich (-) verbindet und trennt Wörter; der Halbgeviertstrich (–, so breit wie ein n) kennzeichnet Bereiche (45–75) und dient im Polnischen häufig, im Deutschen regulär als Gedankenstrich; der Geviertstrich (—, so breit wie ein M) ist der klassische Gedankenstrich des traditionellen Buchsatzes, heute vor allem im Englischen. Die englischen Namen em und en leiten sich von der Breite der Buchstaben M und N im jeweiligen Schriftgrad ab.
    Anführungszeichen
    Die polnischen Anführungszeichen sind „unten-oben” (99-66), in zweiter Stufe die «französischen» Guillemets. Das Englische setzt “66-99” oben; das Deutsche „99-66“ gleicht dem Polnischen, schließt aber mit “ statt ” und kennt daneben die »Chevrons«. Das gerade " der Tastatur ist ein Schreibmaschinenzeichen; im Satz wird es durch typografische Anführungszeichen ersetzt.
    Bewegliche Lettern und Gutenberg
    Johannes Gutenberg verband um 1450 in Mainz aus Matrizen gegossene Metalllettern, die Presse und ölhaltige Druckfarbe; seine 42-zeilige Bibel (um 1455) ist das erste größere gedruckte Buch Europas. Bewegliche Lettern waren schon früher bekannt: aus Keramik in China (Bi Sheng, um 1040) und aus Metall in Korea (Jikji, 1377, das älteste erhaltene mit Metalllettern gedruckte Buch).
    Lorem ipsum und Pangramme
    Lorem ipsum ist ein Blindtext aus einer verfremdeten Passage von Ciceros „De finibus bonorum et malorum“ (45 v. Chr.); verbreitet haben ihn die Letraset-Bögen der 1960er-Jahre und das Programm PageMaker (1985). Ein Pangramm ist ein Satz mit allen Buchstaben des Alphabets: Das deutsche „Franz jagt im komplett verwahrlosten Taxi quer durch Bayern“ enthält alle 26 Grundbuchstaben, das polnische „Zażółć gęślą jaźń“ den kompletten Satz der neun polnischen diakritischen Zeichen.
    Polnische diakritische Zeichen
    Ogonek (ą, ę), Akut (ć, ń, ó, ś, ź), Punkt (ż) und Querstrich (ł). Eine Schrift für polnischen Satz muss sie gestaltet haben, nicht automatisch angeklebt: Der Ogonek soll aus dem Buchstaben herauswachsen, der Akut die Neigung der Schrift aufnehmen. Dasselbe gilt für die deutschen Umlaute (ä, ö, ü) und das ß: Ihre Punkte und Formen müssen zur Schrift passen. In den Zeichentabellen liegen die polnischen Zeichen im Unicode-Block Latin Extended-A (1991, Unicode 1.0).
    Schrift am Bildschirm
    Der Bildschirm zeichnet Buchstaben aus Pixeln; in kleinen Graden zählen daher Hinting (das Anpassen der Konturen an das Pixelraster) und Kantenglättung. Übliche Mindestwerte: 16 px für Fließtext, 12 px für Bildunterschriften. Das Format WOFF2 (W3C, 2018) komprimiert Webfonts, und die Eigenschaft font-display legt fest, was zu sehen ist, bevor der Font geladen ist.
    Font-Lizenzen
    Ein Font ist ein Computerprogramm und zugleich ein Werk, er unterliegt also einer Lizenz. Die SIL Open Font License (2005, Version 1.1 von 2007) erlaubt Nutzung, Einbettung und Weitergabe, verbietet den Verkauf des Fonts für sich allein und behält die Originalnamen vor, die veränderte Versionen nicht tragen dürfen; Apache 2.0 ist ähnlich liberal. Kommerzielle Fonts haben getrennte Lizenzen für Druck, Web, Apps und das Einbetten in PDF.
    Optische Größen und Textschnitte
    Dieselbe Schrift sollte in 8 pt und 72 pt nicht identisch aussehen: Kleine Grade brauchen eine größere x-Höhe, weitere Abstände und kräftigere Striche, große dürfen fein und eng sein. Früher wurde jeder Grad eigens geschnitten; heute übernehmen das die Achse opsz variabler Fonts oder getrennte Schnitte Text und Display.
            
    
    
    
    
        
    Brauchen Sie den Satz einer Publikation, ein Erscheinungsbild oder eine Website mit ausgefeilter Typografie? Wir gestalten das für Sie