Schriftpaarungen & Google-Fonts-Verzeichnis
Durchsuche ein kuratiertes Verzeichnis beliebter Google Fonts mit Live-Vorschauen, filtere nach Kategorie und suche nach Namen, kopiere dann kopierfertiges CSS und entdecke vorgeschlagene Schriftpaarungen — alles in deinem Browser.
Alles läuft in deinem Browser — Schriften werden nur für die Live-Vorschau von Google Fonts geladen, nichts wird hochgeladen, keine Anmeldung, völlig kostenlos.
Eine Überschrift in der Display-Schrift
Und hier ist ein Absatz Fließtext in der gepaarten Textschrift. Gute Schriftpaarungen balancieren Charakter und Lesbarkeit aus: eine charaktervolle Überschriftenschrift zieht den Blick auf sich, während eine klare, angenehme Textschrift lange Passagen leicht lesbar hält. Klicke auf „CSS“, um beide @import-Zeilen und die font-family-Regeln für deine Überschriften und deinen Fließtext zu kopieren.
Über Schriftpaarungen & Google-Fonts-Verzeichnis
Dieses Font-Verzeichnis versammelt 80 beliebte Google Fonts auf einer durchsuchbaren Seite, jede als Live-Muster mit einer Pangramm-Beispielzeile, einer Alphabet- und Ziffernzeile sowie einem Kategorie-Badge dargestellt. Es deckt fünf Schriftfamilien ab: Serifenlos, Serifenbetont, Display, Handschrift und Monospace, sodass du echte Schriftformen vergleichen kannst, statt anhand von Namen zu raten.
Jede Font-Karte enthält kuratierte Pairing-Vorschläge: Partnerschriften, die für Überschriften und Fließtext gut zusammenpassen. Ein Klick auf einen Pairing-Chip öffnet eine Vorschau, die eine Überschrift in einer Schrift und einen Absatz in der anderen setzt, sodass du die Kombination im Kontext beurteilen kannst, bevor du dich festlegst.
Passen eine Schrift oder ein Pairing, kopiert ein Klick einsatzbereites CSS: eine @import-Zeile für das Google-Fonts-Stylesheet plus den passenden font-family-Stack mit sinnvollem Fallback. Schriften werden nur für die Live-Vorschauen von Google Fonts geladen; nichts, was du eingibst, wird irgendwohin hochgeladen.
So verwenden Sie Schriftpaarungen & Google-Fonts-Verzeichnis
- Durchsuche die Font-Karten, jede mit Namen, Kategorie-Badge und Live-Beispieltext in der tatsächlichen Schriftart.
- Nutze das Suchfeld, um eine Schrift nach Namen zu finden, oder klicke auf einen Kategorie-Chip (Serifenlos, Serifenbetont, Display, Handschrift, Monospace), um das Raster zu filtern.
- Ziehe den Größenregler (16–72 px), um die Beispielzeile in deiner Ziel-Überschriften- oder Fließtextgröße zu betrachten.
- Klicke auf einen „Passt zu“-Chip oder den Button „Pairing-Vorschau“, um eine Überschrift und einen Fließtextabsatz in der vorgeschlagenen Kombination zu sehen.
- Klicke auf den „CSS“-Button an einer Karte oder in der Pairing-Vorschau, um die @import-Zeile und die font-family-Deklarationen in deine Zwischenablage zu kopieren.