Schriften kombinieren

Viele Websites und Drucksachen verwenden zwei Schriften: eine für Überschriften und eine für den Fließtext. Das kann einem Auftritt Charakter und Abwechslung geben – oder ihn unruhig und beliebig wirken lassen. Die Kombination von Schriften gilt als eine der schwierigsten Aufgaben der Typografie, weil es keine festen Rezepte gibt. Es gibt aber Prinzipien, mit denen sich die Trefferquote erheblich erhöhen lässt, und einige Muster, die fast immer funktionieren.

1. Braucht es überhaupt zwei Schriften?

Die erste Frage sollte immer lauten, ob eine zweite Schrift nötig ist. Eine gut ausgebaute Schriftfamilie mit mehreren Stärken und Breiten bietet bereits viel Kontrast: eine halbfette, große Überschrift und ein normaler, kleiner Fließtext unterscheiden sich deutlich, obwohl sie aus derselben Familie stammen. Viele der bekanntesten Marken arbeiten mit einer einzigen Hausschrift. Das ist sicher, konsistent und schnell geladen. Eine zweite Schrift lohnt sich, wenn sie etwas hinzufügt, das die erste nicht leisten kann – etwa mehr Persönlichkeit in Überschriften oder einen klassischen Ton für lange Texte.

2. Kontrast, aber mit Verwandtschaft

Das wichtigste Prinzip lautet: Zwei Schriften sollten sich deutlich unterscheiden, aber etwas gemeinsam haben. Sind sie zu ähnlich, etwa zwei verschiedene serifenlose Schriften mit ähnlicher Form, wirkt die Kombination wie ein Versehen – als hätte jemand aus Unachtsamkeit die Schrift gewechselt. Sind sie zu verschieden, etwa eine verspielte Schreibschrift und eine strenge technische Schrift, kämpfen sie gegeneinander.

Abb. 4.1Der Bereich guter Kombinationen

Die Gemeinsamkeit kann in den Proportionen liegen, etwa einer ähnlichen x-Höhe und Buchstabenbreite, in der historischen Herkunft oder in der Grundhaltung – beide eher geometrisch oder beide eher humanistisch mit Anklängen an die Handschrift. Der Unterschied liegt meist in der Klasse: Serifen gegen serifenlos ist der klassische Kontrast.

3. Probieren Sie Paare aus

4. Bewährte Muster

Wichtig ist eine klare Rollenverteilung. Jede Schrift hat eine feste Aufgabe: Die eine gestaltet Überschriften, die andere den Fließtext. Wer die Rollen vermischt, etwa manche Zwischenüberschriften in der Textschrift und andere in der Überschriftenschrift setzt, verspielt den Vorteil der Kombination. Auch Knöpfe, Navigation und Beschriftungen sollten einheitlich einer der beiden Schriften zugeordnet sein – meist der sachlicheren.

5. Kombinationen testen

Ob ein Paar funktioniert, zeigt sich nicht an einem einzelnen Wort im Schriftmusterkatalog, sondern an echtem Inhalt. Setzen Sie eine typische Seite mit echter Überschrift, echtem Fließtext, einer Aufzählung, einem Knopf und einer Bildunterschrift. Prüfen Sie sie in verschiedenen Größen, auf dem Handy und in Fett und Kursiv. Achten Sie besonders auf Ziffern, Umlaute und Satzzeichen, denn hier zeigen sich Unterschiede in der Qualität. Und betrachten Sie die Seite mit etwas Abstand: Wirkt sie wie aus einem Guss, oder ziehen die Schriften in verschiedene Richtungen?

Ein letzter Hinweis gilt der Ladezeit. Jede Schrift und jeder Schnitt ist eine eigene Datei, die geladen werden muss, bevor der Text in seiner endgültigen Form erscheint. Zwei Familien mit je vier Schnitten bedeuten acht Dateien. Wer sparsam auswählt, variable Schriften nutzt und nur die tatsächlich benötigten Zeichensätze einbindet, hält die Seite schnell. Gerade auf mobilen Verbindungen ist das ein spürbarer Unterschied, der auch in die Bewertung durch Suchmaschinen einfließt.

Mit dieser Lektion endet das Modul Typografie. Sie kennen jetzt die Bausteine – Schriftklassen, Lesbarkeit, Hierarchie und Kombination. Im nächsten Modul geht es um Farbe: wie Farben wirken, wie man stimmige Paletten aufbaut und wie Markenfarben und Barrierefreiheit zusammenpassen.

6. Häufige Fehler

Einige Fehler begegnen bei Schriftkombinationen immer wieder. Der erste ist die Schrift aus dem Logo, die kurzerhand auch für Überschriften oder gar Fließtext verwendet wird. Logos verwenden oft eigens gestaltete oder sehr eigenwillige Schriften, die für einzelne Wörter funktionieren, aber nicht für Sätze. Besser ist es, das Logo als eigenständiges Zeichen zu behandeln und für Texte eine passende, gut lesbare Schrift zu wählen. Der zweite Fehler ist die Mode-Schrift: eine auffällige Schrift, die gerade überall zu sehen ist. Sie wirkt nach kurzer Zeit austauschbar und nach einigen Jahren veraltet. Der dritte Fehler ist fehlende Konsequenz: Die Überschriftenschrift taucht plötzlich in Knöpfen auf, auf Unterseiten wird eine dritte Schrift für Zitate eingeführt, und in Präsentationen gelten ganz andere Schriften als auf der Website.

Diese Fehler lassen sich mit einer kurzen typografischen Richtlinie vermeiden. Sie legt fest, welche Schriften für welche Zwecke verwendet werden, in welchen Stärken und Größen, und was ausdrücklich nicht erlaubt ist. Die Richtlinie gilt dann für alle Medien – Website, Angebote, Präsentationen, Stellenanzeigen, Social-Media-Grafiken. Gerade kleinere Unternehmen profitieren davon, weil hier oft viele Menschen ohne Gestaltungsausbildung Dokumente erstellen. Für Office-Anwendungen sollte die Richtlinie auch eine Ersatzschrift nennen, falls die Hausschrift auf einem Rechner nicht installiert ist.

Ein kurzes Beispiel zeigt die Wirkung: Ein Handwerksbetrieb nutzte auf seiner Website vier verschiedene Schriften, weil Logo, Website-Vorlage und zwei Plugins jeweils eigene mitbrachten. Nach der Umstellung auf eine robuste serifenbetonte Schrift für Überschriften und eine sachliche serifenlose für den Text wirkte der Auftritt deutlich professioneller, die Ladezeit sank spürbar, und Angebote und Rechnungen konnten erstmals im selben Stil gestaltet werden wie die Website.

Zur Erinnerung: Die beste Kombination ist die, die niemand bemerkt. Leser sollen den Inhalt wahrnehmen, nicht die Schriften. Wenn Besucher sagen, die Seite wirke klar, hochwertig und angenehm zu lesen, hat die Typografie ihre Aufgabe erfüllt – auch wenn niemand die Namen der verwendeten Schriften kennt oder nennen könnte. Genau in diesem Sinne ist Beatrice Wardes Bild vom Kristallglas zu verstehen.

Stand: September 2026. Kursmaterial der Klarwerk Akademie.