Entdecken und zeigen Sie schöne Google Fonts-Kombinationen mit Echtzeit-Beispieltext und Ein-Klick-CSS-Kopieren an
CSS-Tools
Über dieses Tool
Das CSS Schriftarten-Pairing-Tool hilft Ihnen, die perfekte Kombination aus Überschrift- und Fließtext-Schriftart aus 16 kuratierten Google Fonts-Pairings zu finden. Filtern Sie nach Kategorie, sehen Sie eine Echtzeitvorschau des Texts, passen Sie die Schriftgröße an und kopieren Sie gebrauchsfertigen CSS-Code mit @import-Anweisungen.
Hauptfunktionen
- 16 kuratierte Google Fonts-Pairings für Überschrift und Fließtext
- Kategoriefilter: Alle, Sans-Serif, Serif, Monospace, Display
- Echtzeitvorschau mit benutzerdefiniertem Überschrift- und Fließtext
- Einstellbare Schriftgröße für Überschrift und Fließtext
- Generiert CSS-Code mit @import-Anweisungen
- Ein-Klick-Kopieren des Schriftarten-Pairing-CSS-Codes
Anwendungsfälle
- Auswählen von Typografie für neue Website-Designs und Landingpages
- Finden komplementärer Schriftarten für Blogs und redaktionelle Layouts
- Prototyping von Schriftkombinationen vor der Festlegung eines Designsystems
- Generieren von konsistentem Typografie-CSS für Designsysteme
- Schnelles Durchsuchen von Serif-, Sans-Serif- und Display-Schriftpaarungen
fonts
typography
css
google-fonts
Häufige Fragen
Was ist das CSS Schriftarten-Pairing?
Das CSS Schriftarten-Pairing ist ein Online-CSS-Tool, das Ihnen hilft, kuratierte Google Fonts-Schriftkombinationen mit Echtzeit-Beispieltext und Ein-Klick-CSS-Generierung zu entdecken und zu präsentieren. Es läuft vollständig im Browser und sendet keine Daten an einen Server.
Wie viele Schriftpaarungen sind verfügbar?
Das Tool enthält 16 kuratierte Google Fonts-Schriftpaarungen in den Kategorien Sans-Serif, Serif, Monospace und Display. Sie können nach Kategorie filtern, um die am besten passende Kombination zu finden.
Kann ich die Schriftgröße in der Vorschau anpassen?
Ja, Sie können die Schriftgröße für Überschrift und Fließtext mit den integrierten Steuerelementen einstellen. So können Sie sehen, wie die Kombination in verschiedenen Größen aussieht, bevor Sie sie festlegen.
Ist die Nutzung des CSS Schriftarten-Pairings kostenlos?
Ja, das CSS Schriftarten-Pairing ist vollständig kostenlos. Es gibt keine versteckten Gebühren, Abonnements oder Einschränkungen. Alle Funktionen stehen jedem zur Verfügung.
Kann ich das CSS Schriftarten-Pairing auf dem Handy verwenden?
Ja, das CSS Schriftarten-Pairing ist vollständig responsiv und unterstützt alle Geräte, einschließlich Smartphones, Tablets und Desktop-Computer.