Font Pairing Guide
Explore curated Google Fonts pairings with live previews.
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog. Typography is the art of arranging letters and text in a way that makes the copy legible, clear, and visually appealing to the reader. Good font pairing enhances readability and reinforces the overall design aesthetic of your website or application.
Über dieses Tool
Das Font-Pairing-Tool bietet acht kuratierte Google-Fonts-Kombinationen und ermöglicht die Vorschau von Überschriften- und Fließtextschriften in Echtzeit.
Gutes Font-Pairing verbessert die Lesbarkeit und verstärkt die Designästhetik einer Website oder App. Typografie ist die Kunst, Buchstaben so anzuordnen, dass der Text lesbar, klar und visuell ansprechend ist.
Anleitung
- Klicken Sie auf eine Paarungskarte, um eine vorkonfigurierte Schriftkombination auszuwählen.
- Geben Sie optional einen Google-Font-Namen in die Felder ein.
- Bearbeiten Sie den Beispieltext, um die Schriften mit eigenem Inhalt zu previwen.
- Kopieren Sie das Google-Fonts-Link-Tag unten und fügen Sie es in den HTML-Head ein.
Anwendungsfälle
Webdesigner testen Schriftkombinationen vor der Entscheidung für ein Typografieset. Entwickler finden schnell passende Schriftpaare für Designsysteme.
Häufige Fragen
- Kann ich benutzerdefinierte Schriften verwenden? — Sie können in die Felder beliebige Google-Fonts-Namen eingeben. Verwenden Sie den genauen Google-Fonts-Namen.
- Wie verwende ich den generierten Google-Fonts-Link? — Fügen Sie das Link-Tag dem <head> Ihres HTML hinzu, dann verwenden Sie font-family: 'Schriftname', Fallback in Ihrem CSS.