AES-Verschlüsselung erklärt: Wie sie funktioniert und warum sie wichtig ist
Jun 23, 2026
Google Fonts Preview & Pairing
Browse, preview, and pair Google Fonts with live text input. Find the perfect typeface for your project.
- Home
- Web Dev
- Google Fonts Preview
Loading fonts...
Select a font to preview.
Embed Link
Suggested Pairings
Select a font to see suggested pairings.
Font Information
Select a font to see details.
What is Google Fonts Preview & Pairing?
Google Fonts is a library of over 1,500 free, open-source fonts. This tool lets you browse fonts, preview them with your own text, adjust size and weight, and discover harmonious font pairings for your web projects.
This tool runs entirely in your browser. Fonts are loaded directly from Google Fonts CDN.
How to Use This Font Preview Tool
- Browse fonts — Scroll the font list or search by name. Filter by category (Sans-Serif, Serif, Display, etc.).
- Preview — Click a font to preview it. Type your own text and adjust size, weight, and style.
- Pairings — See suggested font pairings that work well with your selected font.
- Embed — Copy the @import URL or HTML link tag to use the font in your project.
Frequently Asked Questions
How many fonts are included?
This tool includes a curated list of 80+ popular Google Fonts across all categories. For the full Google Fonts catalog (1,500+), visit the official Google Fonts website.
How do I use the font in my project?
Copy the @import URL and paste it at the top of your CSS file, or copy the HTML link tag and paste it in your HTML <head>. Then set font-family in your CSS to the font name.
What are font pairings?
Font pairings are combinations of two or more fonts that work well together typographically — typically a display or heading font paired with a readable body font for visual hierarchy.
Can I use these fonts commercially?
Yes, all Google Fonts are open-source and free for both personal and commercial use. They are licensed under the SIL Open Font License (OFL) or Apache License.
Last updated: 26 Jun 2026
Blog
Latest from Our Blog
CSS-Verlauf-Generator: Erstellen Sie beeindruckende Verläufe für Ihre Website
Jun 23, 2026
Diff-Checker: Wie man Text und Dateien effektiv vergleicht
Jun 23, 2026
JSON-Validierung: So validieren und reparieren Sie JSON-Daten
Jun 23, 2026
Regex-Testen: Wie man reguläre Ausdrücke testet und debuggt
Jun 23, 2026
SSL-Zertifikatsprüfer: So überprüfen Sie SSL/TLS-Zertifikate online
Jun 23, 2026