Typografie ist die Gestaltung mit Schrift: Sie legt fest, wie Text gesetzt wird, mit welcher Schriftart, in welcher Größe, mit welchem Zeilenabstand und welcher Zeilenlänge. Auf Websites entscheidet sie darüber, ob Inhalte gern gelesen oder übersprungen werden. Das Wort kommt aus dem Griechischen: typos heißt Schlag oder Abdruck, graphein schreiben.
- Typografie
Die Gestaltung von Text mit Schrift, also Wahl und Anordnung von Schriften, Größen, Abständen und Zeilen.
Beispiel: „Die Typografie der neuen Website setzt auf große Überschriften und ruhige, gut lesbare Absätze.“Auch: Typographie, die ältere Schreibweise.
Abgrenzung zum Schriftdesign: Typografie arbeitet mit vorhandenen Schriften, Schriftgestalter entwerfen sie. Google Fonts trennt beides ausdrücklich.
Makro- und Mikrotypografie
Die Typografie hat zwei Ebenen. Die Makrotypografie ordnet die Seite: Raster, Spalten, Hierarchie der Überschriften. Die Mikrotypografie kümmert sich um das Detail, um Abstände zwischen Buchstaben und Wörtern, richtige Anführungszeichen und den Unterschied zwischen Strich und Bindestrich.
Was Typografie auf Websites leistet
Gute Typografie führt das Auge, ohne sich in den Vordergrund zu drängen. Eine klare Hierarchie aus Überschriften, Zwischenüberschriften und Fließtext zeigt, was wichtig ist, bevor jemand liest. Ausreichende Zeilenhöhe und eine begrenzte Zeilenlänge machen lange Texte lesbar.
Im Web kommt hinzu, dass Text sich an jede Bildschirmbreite anpassen muss. Schriftgrößen wachsen mit dem Viewport, Zeilen brechen neu um, und Webfonts müssen schnell laden.
Typografie und Barrierefreiheit
Die WCAG verlangen, dass Text lesbar bleibt, wenn Nutzer Zeilenhöhe, Buchstaben- und Wortabstände vergrößern; im Glossar steht das unter Textabstände anpassbar. Eine Typografie mit Luft und deutlichen Kontrasten hilft allen, besonders Menschen mit eingeschränktem Sehvermögen.