Zum Inhalt springen
findflix live7 Tage Pro gratis testenKeine Kreditkarte nötig
Neues Projekt gesucht?Los geht's
Webdesign & UX

Typografie

Typografie ist die Gestaltung von Schrift im Web: Schriftart, Größe, Zeilenabstand, Zeilenlänge und Hierarchie. Sie entscheidet darüber, ob ein Text mühelos lesbar wirkt oder anstrengend, und prägt den ersten Eindruck einer Website oft stärker als jedes Bild.

Für deine Kundenakquise ist Typografie ein dankbares Argument, weil sie sofort sichtbar ist und niemand sie wegdiskutieren kann. Auf vielen veralteten Seiten kleiner Betriebe steckt das ganze Problem in der Schrift: 12px-Fließtext, der auf dem Handy zur Lupenübung wird, ein Zeilenabstand wie eine Tabelle, fünf verschiedene Schnitte auf einer Seite, weil im Baukasten jeder Block sein eigenes Süppchen kocht. Genau das spürt der Websitebesucher unbewusst als „wirkt alt“, und genau das kannst du im Erstgespräch in einem Satz benennen, ohne Fachjargon.

Die handwerklichen Grundlagen, mit denen du beim Kunden punktest, sind überschaubar. Die WCAG schreiben keine feste Mindestgröße vor, aber 16px Fließtext gelten als praktischer Standard, alles darunter ist auf mobilen Geräten ein Lesehindernis und seit dem BFSG auch ein Compliance-Thema. Achte beim Audit auf:

  • Skalierbarkeit: Größen in rem statt fixen px, damit die Browsereinstellung der Nutzer respektiert wird (WCAG 1.4.4: 200% Zoom ohne Funktionsverlust).
  • Zeilenabstand und -länge: rund das 1,5-fache der Schriftgröße, etwa 60 bis 75 Zeichen pro Zeile, sonst verliert das Auge den Rücksprung.
  • Klare Hierarchie: ein durchdachtes Verhältnis von Überschrift zu Fließtext statt drei fast gleich großer Schnitte, das ist der eigentliche Hebel der visuellen Hierarchie.

Ein sauberes Schriftsystem ist meist mit zwei Familien und drei bis vier Schnitten erledigt und passt direkt in dein Designsystem. Das macht es zum idealen Quick Win: günstig umzusetzen, sofort sichtbar, und ein überzeugendes Vorher-Nachher für dein nächstes Angebot.