Live Schriftart-Vorschau

Teste jeden Google Font mit eigenem Text, Größe, Gewicht, Abstand und Farben. CSS sofort kopieren.

48px
400
0px
1.4
Preview
The quick brown fox jumps over the lazy dog.
Generated CSS

Was ist ein Live-Schriftart-Vorschau-Tool?

Ein Live-Schriftart-Vorschau-Tool ermöglicht das Testen von Typografie in Echtzeit, ohne Code schreiben zu müssen. Wähle aus über 2.000 Google Fonts, passe Größe, Gewicht, Buchstabenabstand und Zeilenhöhe an und sieh genau, wie der Text auf einer Website aussehen wird.

Für wen ist dieses Tool geeignet?

Designer nutzen es zum schnellen Vergleich von Schriftarten für Überschriften und Fließtext. Entwickler optimieren damit CSS-Einstellungen vor dem Einsatz im Projekt. Alle, die eine Website oder Marke aufbauen, können Google Fonts visuell erkunden und das fertige CSS mit einem Klick kopieren.

So nutzt du den Schriftart-Konfigurator

Klicke auf "Schriftfamilie", um das Dropdown zu öffnen und unter 2.000+ Google Fonts zu suchen. Gib eigenen Text ein und passe Größe (8-200px), Gewicht (100-900), Buchstabenabstand und Zeilenhöhe per Regler an. Das CSS-Panel aktualisiert sich sofort und lässt sich mit einem Klick kopieren.

Google Fonts - kostenlos und Open Source

Alle 2.000+ Schriftarten stammen aus Google Fonts, einer kostenlosen Open-Source-Bibliothek von Google. Sie können auf jeder Website per CSS-Import genutzt werden - ohne Lizenzgebühren. Das generierte CSS-Snippet enthält die korrekte Import-Zeile.