← Alle Werkzeuge
/ Font Pairing Tool
🔤
Google Font Pairing Tool
Entdecken Sie perfekte Google Font-Kombinationen für Ihre Website, App oder Marke. Vorschau kuratierter Schriftartpaare mit benutzerdefiniertem Text. Kopieren Sie das CSS-Link-Tag sofort.
CSS-Importcode
So wählen Sie die perfekte Schriftartenpaarung aus
Großartige Typografie ist die Grundlage für einprägsames Design. Das Richtige Schriftartenpaarung schafft visuelle Hierarchien, etabliert die Markenpersönlichkeit und erleichtert die Lesbarkeit von Inhalten. Dieses Tool bietet fachmännisch kuratierte Paarungen von Google-Schriftarten – alles kostenlos und Open Source.
Prinzipien der Schriftartenpaarung
Kontrast und Ergänzung — Kombinieren Sie eine Serifenüberschrift mit einem serifenlosen Textkörper. Der Kontrast schafft visuelles Interesse und sorgt gleichzeitig für die Lesbarkeit.
Konsistente Proportionen — Wählen Sie Schriftarten mit ähnlichen x-Höhen für eine visuelle Harmonie. Nicht übereinstimmende Proportionen wirken störend.
Hierarchie zuerst — Die Schriftart der Überschrift sollte Aufmerksamkeit erregen. Die Hauptschrift sollte verschwinden – unbemerkt lesbar.
Beschränken Sie sich auf zwei Schriftarten — Zwei gut ausgewählte Schriftarten sind fast immer besser als drei oder mehr. Nutzen Sie Größe, Gewicht und Farbe für Abwechslung.
Häufig gestellte Fragen
Ja, alle Schriftarten auf Google Fonts werden unter Open-Source-Lizenzen veröffentlicht (meistens SIL Open Font License oder Apache License). Sie können sie ohne Namensnennung frei für kommerzielle Websites, Apps, Druckmaterialien und Logos verwenden.
Zwei Methoden: (1) Fügen Sie a hinzu
<link> Tag in Ihrem HTML <head>. (2) Verwendung @import in Ihrer CSS-Datei. Beide werden generiert, wenn Sie auf ein Paar klicken – kopieren Sie den CSS-Importcode aus dem Bereich unter dem Raster.Leicht. Um die Auswirkungen auf die Leistung zu minimieren, verwenden Sie „font-display: swap“, stellen Sie eine Verbindung zu „fonts.googleapis.com“ her, laden Sie nur die Gewichte, die Sie benötigen, und erwägen Sie, kritische Schriftarten selbst zu hosten. Das CDN von Google Fonts wird global zwischengespeichert, sodass wiederholte Besuche sofort geladen werden.
Für Langtexte sind Inter, Open Sans, Source Sans 3 und Lato eine ausgezeichnete Wahl. Mit einer Schriftgröße von 14–18 Pixel und einer Zeilenhöhe von 1,5–1,7 maximieren diese Schriftarten die Lesbarkeit auf allen Bildschirmgrößen.