Google Fonts in der Vorschau anzeigen, Größe, Stärke und Abstand anpassen und Schriftarten nebeneinander vergleichen
Entwicklertools
Über dieses Tool
Die Schriftarten-Vorschau ermöglicht die Vorschau und den Vergleich von über 50 Google Fonts mit vollständiger Kontrolle über Größe, Stärke, Stil, Abstand und Farbe. Sie bietet drei Ansichtsmodi – Vorschau, Schriftmuster und Vergleich – und generiert sofort verwendbaren CSS-Code mit Ein-Klick-Kopieren.
Hauptfunktionen
- Über 50 beliebte Google Fonts mit Suche und Filterung
- Drei Ansichtsmodi: Vorschau, Schriftmuster und Vergleich
- Vollständige Typografie-Steuerung: Größe, Stärke (100–900), Stil, Zeichenabstand, Zeilenhöhe
- Anpassbare Text- und Hintergrundfarbe mit Hex-Eingabe
- Bearbeitbarer Vorschautext für Echtzeittests
- CSS-Ausgabe mit einem Klick in die Zwischenablage kopieren
Anwendungsfälle
- Die richtige Google Font für Webdesign-Projekte auswählen
- Zwei Schriftarten vor der Entscheidung nebeneinander vergleichen
- CSS-Schriftart-Deklarationen für Stylesheets generieren
- Lesbarkeit von Schriftarten in verschiedenen Größen und Stärken testen
- Den vollständigen Zeichensatz einer Schriftart in der Schriftmusteransicht erkunden
fonts
google-fonts
typography
Häufige Fragen
Welche Schriftarten sind in der Schriftarten-Vorschau verfügbar?
Das Tool enthält über 50 beliebte Google Fonts wie Roboto, Inter, Poppins, Playfair Display, Montserrat und mehr. Sie können die Schriftartenliste durchsuchen und filtern, um die ideale Schriftart zu finden.
Kann ich zwei Schriftarten nebeneinander vergleichen?
Ja, der Vergleichs-Tab ermöglicht die nebeneinander liegende Ansicht von zwei Schriftarten mit jeweils unabhängigen Größen- und Stärkeneinstellungen, um die Entscheidung zwischen ähnlichen Schriftarten zu erleichtern.
Wie erhalte ich den CSS-Code für eine Schriftart?
Der Vorschau-Tab zeigt die vollständige CSS-Deklaration für Ihre aktuellen Einstellungen an. Klicken Sie auf „CSS kopieren“, um sie sofort in die Zwischenablage zu kopieren.
Kann die Schriftarten-Vorschau offline verwendet werden?
Das Tool selbst läuft im Browser, aber Google Fonts werden von einem CDN geladen, sodass eine Internetverbindung zum Rendern der Schriftarten erforderlich ist.
Kann ich den Vorschautext anpassen?
Ja, der Vorschaubereich ist bearbeitbar – klicken Sie darauf, um Ihren eigenen Text einzugeben und zu sehen, wie er in der ausgewählten Schriftart aussieht.