Schrift-Pairing ist eine der unterschätzten Disziplinen im Web-Design. Eine Headline-Schrift und eine Body-Schrift, die zueinander passen, machen den Unterschied zwischen einer Seite, die gut aussieht, und einer, die professionell wirkt. Hier zehn bewährte Kombinationen aus dem Google-Fonts-Katalog.
1. Playfair Display + Source Sans 3
Editorial-Klassiker. Playfair als Display-Serif für Headlines, Source Sans für Body-Text. Funktioniert für Magazine, Verlage, Editorial-Blogs.
2. Inter + Inter
Manchmal ist die beste Pair-Empfehlung: keine Pair. Inter ist als Variable Font flexibel genug, um sowohl Headlines (Bold, eng) als auch Body (Regular, lockerer) zu tragen. Spart eine Schrift-Datei, sieht extrem konsistent aus.
3. Manrope + Lora
Modern-freundliche Sans für Headlines, klassische Serif für Body. Ideal für Coaching-, Bildungs- oder Beratungs-Sites, die Vertrauen mit Modernität verbinden wollen.
4. Fraunces + Inter
Display-Serif mit Persönlichkeit (Fraunces) trifft auf neutrale UI-Sans (Inter). Für Brands, die typografisch auffallen wollen, ohne in den Body-Text-Lesefluss einzugreifen.
5. Outfit + Outfit
Wie Inter+Inter, aber für stärkeres Display-Branding. Outfit hat klarere Geometrie und wirkt in großen Größen markanter.
6. Space Grotesk + Inter
Tech-Brand-Pairing. Space Grotesk hat einen modernen, leicht eckigen Charakter — gut für Dev-Tools und SaaS-Marketing. Inter als neutrale Body-Schrift dahinter.
7. Roboto Slab + Roboto
Wenn du eine Slab-Serif für Headlines willst, die mit dem dazu passenden Sans optisch verwandt ist: Roboto Slab + Roboto sind explizit für diese Kombination designed.
8. Crimson Pro + IBM Plex Sans
Klassische Serif mit feiner Strich-Differenzierung trifft auf eine sehr lesbare Sans aus dem IBM-Designsystem. Für Long-Form-Content, der eher gelesen als gescannt werden soll.
9. DM Serif Display + DM Sans
Beide Schriften aus derselben Familie (DM = Deja Vu Mod). Pairing ohne Risiko — typografische Verwandtschaft per Design garantiert.
10. Cormorant Garamond + Montserrat
Wenn du etwas eleganteres als Playfair willst: Cormorant Garamond ist eine sehr feine Display-Serif. Montserrat als geometrische Sans dazu funktioniert für Hochzeits-, Mode- und Lifestyle-Sites.
Was alle Pairings gemeinsam haben
Jede dieser Schriften steht unter SIL OFL und kann lokal gehostet werden. Wenn du eines der Pairings übernimmst und auf einer DSGVO-sensiblen Seite einsetzt, sollten die Schriften nicht von fonts.googleapis.com kommen — entweder per manuellem Download (siehe Anleitung) oder per Consenta-Auto-Localizer.
Drittdienste auch nach der Schrift-Umstellung sauber blocken
Lokale Schriften lösen das Schrift-Problem. Karten, Videos, Marketing-Pixel und Page-Builder schaffen morgen die nächste Lücke. Mit Consenta blockst du nicht-essentielle Drittdienste automatisch — bis zur Einwilligung.