Google Font Picker Free
Browse, preview and select from 100+ Google Fonts. Generate CSS import code for your projects instantly.
Funktionen des Schriftarten-Auswählers
Finden Sie die perfekte Schriftart für Ihr Projekt.
Durchsuchen und Vorschau
Nach Schriftartnamen suchen, um schnell die benötigte Schriftart zu finden.
Filtern Sie nach Serifen, Sans-Serif, Anzeige, Handschrift oder Monospace.
Geben Sie Ihren eigenen Text ein und passen Sie die Schriftgröße an, um jede Schriftart sofort in der Vorschau anzuzeigen.
CSS-Ausgabe
Generate ready-to-use CSS @import statements for selected fonts.
Get the @import URL to add any font to your CSS stylesheet.
Import-URLs und CSS mit einem einzigen Klick in die Zwischenablage kopieren.
Anwendungsfälle
Finden und integrieren Sie Schriftarten in Ihre Websites und Web-Apps.
Entdecken Sie Schriftarten für Präsentationen, Grafiken und Branding.
All Google Fonts are free and open source.
Finden Sie die perfekte Schriftartenkombination für Ihre Marke.
So verwenden Sie den Schriftarten-Auswähler
Durchsuchen Sie die Schriftartenliste, klicken Sie auf Diese Schriftart verwenden, um sie auszuwählen, und klicken Sie dann auf CSS generieren, um den Importcode für Ihr Projekt zu erhalten.
Häufig gestellte Fragen
Sind diese Schriftarten kostenlos zu verwenden?
Yes. All fonts shown are from Google Fonts and are free under open licenses.
Sie können in persönlichen und kommerziellen Projekten verwendet werden.
All fonts are free and open source from Google Fonts.
Do I need a Google API key?
No. Fonts are loaded using the Google Fonts CSS API which requires no API key.
Simply copy the @import URL and add it to your stylesheet.
Verwenden Sie dann die Schriftfamiliennamen in Ihren CSS-Regeln.
Wie füge ich eine Schriftart zu meiner Website hinzu?
Copy the @import line and paste it at the top of your CSS file.
Verwenden Sie dann font-family: 'Schriftartname', fallback; in Ihren CSS-Regeln.
Es sind keine Lizenzgebühren oder Attributionen erforderlich.
Kann ich mehrere Schriftarten auswählen?
Ja. Klicken Sie auf Diese Schriftart verwenden für mehrere Schriftarten, und klicken Sie dann auf CSS generieren.
The generated code will include @import lines for all selected fonts.
Fonts are loaded from Google Fonts CDN for accurate preview.
Wie mache ich eine Vorschau mit meinem eigenen Text?
Klicken Sie auf den Vorschautext in einer beliebigen Schriftartenkarte, um ihn zu bearbeiten.
Die Schriftgröße kann auch mit dem Schieberegler angepasst werden.
Sie können auch nach Kategorie filtern, indem Sie die Filtertasten verwenden.
Welche Schriftartenkategorien sind verfügbar?
Serif, Sans-Serif, Display, Handschrift und Monospace.
Klicken Sie auf eine Kategorietaste, um die Schriftartenliste zu filtern.
Generate CSS will include all selected fonts in one @import statement.
Wie viele Schriftarten sind verfügbar?
100 curated Google Fonts are included covering all major categories.
These are the most popular and widely used fonts from Google Fonts.
Kombinieren Sie das Sortieren mit Kategoriefiltern, um die perfekte Schriftart zu finden.
Do the fonts load from Google servers?
Ja. Die Schriftarten-CSS wird von fonts.googleapis.com geladen, wenn Sie eine Schriftart in der Vorschau anzeigen.
The fonts themselves are served by Google's global CDN.
Der generierte CSS-Code kann jedoch für die Offline-Nutzung gespeichert werden.
Kann ich diese Schriftarten offline verwenden?
For offline use, download the font files directly from Google Fonts.
Host them locally and use @font-face rules instead of @import.
Stellen Sie immer eine Fallback-Systemschriftart für die E-Mail-Nutzung bereit.
Ist dieses Tool kostenlos?
Ja, völlig kostenlos ohne Registrierung.
Durchsuchen Sie und generieren Sie CSS für so viele Schriftarten, wie Sie benötigen.
Es gibt keine Nutzungsbeschränkungen oder -limits.