Schriftkombinationen aus Google Fonts
Wähle eine fertige Kombination oder eine Schrift für die Titel und eine andere für den Text. Schreibe den Namen deines Geschäfts, um zu sehen, wie es aussieht, und kopiere den Code.
So geht’sSchriften, die zusammenpassen
Verfügbar auf: 
Schriftkombinationen aus Google Fonts: wofür es gut ist
Wähle eines der fertigen Paare (elegant, modern, klassisch, kräftig, zart, süß, redaktionell, klar oder handwerklich) oder kombiniere frei 28 beliebte Google-Fonts-Schriften, mit dem Gewicht des Titels. Die Vorschau lädt die Schriften wirklich und zeigt den Namen deines Geschäfts und einen Absatz.
Der Code enthält das preconnect, den Google-Fonts-Link nur mit den genutzten Gewichten und display=swap sowie die CSS-Regeln für Titel und Text.
So geht’s
- Wähle ein fertiges Paar oder zwei Schriften.
- Schreibe Titel und Text der Vorschau.
- Kopiere den Link und das CSS in die Website.
Wann nutzen
- Die visuelle Identität einer Website wählen.
- Schriften testen, bevor du sie dem Kunden zeigst.
- Markante Titel mit lesbarem Text kombinieren.
Häufige Fragen
Sind die Schriften aus Google Fonts kostenlos?
Ja. Die Schriften aus Google Fonts sind Open Source und können auf kommerziellen Websites ohne Bezahlung genutzt werden.
Wie wähle ich zwei Schriften, die zusammenpassen?
Eine einfache Regel ist der Kontrast: eine Schrift mit Charakter in den Titeln (Serifen oder Display) und eine gut lesbare serifenlose Schrift im Text. Vermeide zwei sehr ähnliche Schriften, die wie ein Fehler wirken, und nutze nicht mehr als zwei.
Machen Schriften die Website langsam?
Jeder Schriftschnitt ist eine weitere Datei. Lade nur die Schnitte, die du nutzt; der Code kommt schon mit display=swap, das den Text mit einer Systemschrift zeigt, während die Schrift lädt, und mit preconnect, um die Verbindung zu beschleunigen.
Und der Datenschutz?
Das Laden der Schriften direkt von Google sendet die IP des Besuchers an Google. Willst du das vermeiden, lade die Schriften herunter und hoste sie auf deiner eigenen Website.
Ist das wirklich kostenlos?
Ja, 100% kostenlos. Ohne Anmeldung, ohne Abo und ohne Nutzungslimit. Alle Tools von Tools123 sind kostenlos.