Von /

Google Fonts sofort testen

Mit diesem Tool kannst du Google Fonts testen – mit deinen eigenen Worten. Ändere Schriftstärke, Größe, Laufweite und Zeilenhöhe, setze nur die Wörter kursiv, mit denen du eine Mischung aus Normal- und Kursivschnitt ausprobieren möchtest, und kopiere dann den fertigen Einbettungscode.
  • Über 1.900 Google Fonts
  • Normal + Kursiv mischen
  • Größe und Abstände live
  • HTML- und CSS-Einbettungscode
Aktualisiert am 31. Oktober 2026 · Von Identity Design
Google Fonts Sofort-Tester
💡 Mit den Pfeiltasten (↑/↓) schnell die Schrift wechseln
Victor jagt zwölf Boxkämpfer quer über den großen Sylter Deich.
0123456789 !@#$%^&*()
Einbindungscodes
HTML <link> (in den <head> einfügen)
CSS @import
CSS-Regeln



So kannst du Google Fonts testen
Finde in weniger als einer Minute die passende Schrift und den passenden Stil.
  1. Schrift wählen
    Filtere nach Kategorie und blättere mit den Pfeiltasten nach oben und unten durch die Schriften. Lege Schriftstärke, Größe, Laufweite und Zeilenhöhe fest.
  2. Kursiv einmischen
    Gib deinen eigenen Text ein, markiere die Wörter, die du hervorheben willst, und drücke Strg+I bzw. Cmd+I. Wähle bei Bedarf eine andere Stärke für den Kursivschnitt.
  3. Code kopieren
    Kopiere den HTML-Link, den CSS-@import oder die CSS-Regeln. Kursive Schnitte werden automatisch eingebunden, sobald du sie verwendest.
Was ist ein Mix aus Normal- und Kursivschnitt?
Der Normalschnitt (Roman) ist die aufrechte Version einer Schrift, der Kursivschnitt ihre geneigte, oft ausdrucksstärkere Partnerin. Beide in einer Zeile zu mischen, etwa in Die Kunst des langsamen Lebens, ist ein beliebter Kniff in redaktionellen Überschriften, Logos, Hochzeitseinladungen und modernen Markenwebsites.
Die Wirkung hängt davon ab, wie die Kursive einer Schrift gezeichnet ist – deshalb lohnt sich ein Test, bevor du dich festlegst. Mit diesem Tool kannst du jedes Wort und jeden Buchstaben kursiv setzen und das Ergebnis sofort in jeder Google Font sehen.
Tipps zum Mischen von Normal- und Kursivschnitt
  • Wähle eine echte Kursive: Schriften wie Playfair Display, Cormorant Garamond, Fraunces und DM Sans haben echte Kursivschnitte
  • Halte es kurz: setze ein bis drei Wörter kursiv, um sie hervorzuheben
  • Spiel mit der Stärke: eine leichte Kursive neben einem fetten Normalschnitt sorgt für Kontrast
  • Große Schrift enger setzen: probiere bei großen Überschriften eine negative Laufweite
Warum dieser Schrift-Tester?
Gemacht für Designer, Entwickler und alle, die eine Schrift für eine Website oder Marke auswählen.
Jede Google Font
Durchsuche die gesamte Google-Fonts-Bibliothek nach Kategorie, ohne die Seite zu verlassen.
Teilweise kursiv
Setze beliebige Wörter oder Buchstaben kursiv und lege eine eigene Kursiv-Stärke fest, um Mischungen zu testen.
Live-Steuerung
Passe Stärke, Größe, Laufweite und Zeilenhöhe an und sieh die Änderungen schon beim Tippen.
Code zum Kopieren
Erhalte den HTML-Link, den CSS-@import und die CSS-Regeln für genau das, was du in der Vorschau gesehen hast.
Häufig gestellte Fragen



Ist dieser Google-Fonts-Tester kostenlos?
Ja. Er ist kostenlos und ohne Anmeldung nutzbar. Das Tool läuft in deinem Browser und lädt die Schriften direkt von Google Fonts, sodass nichts von dem, was du eingibst, an unseren Server gesendet wird.





Wie setze ich nur einen Teil meines Textes kursiv?
Klicke in die Vorschau, markiere die Wörter, die geneigt sein sollen, und klicke dann auf die Schaltfläche Kursiv oder drücke Strg+I (Cmd+I auf dem Mac). Wiederhole das für beliebig viele Wörter. Markiere kursive Wörter und drücke erneut, um sie wieder normal zu setzen, oder klicke auf Kursiv entfernen, um alles zurückzusetzen.





Können die kursiven Wörter eine andere Stärke haben als der normale Text?
Ja. Wähle im Menü Kursiv-Stärke eine leichtere oder kräftigere Kursive, zum Beispiel eine Regular-400-Kursive in einer Überschrift im Normalschnitt Bold 700. Der Einbettungscode wird angepasst, sodass beide Stärken von Google Fonts geladen werden.





Was ist der Unterschied zwischen einer echten und einer falschen Kursive?
Eine echte Kursive ist ein eigener Satz von Buchstaben, den der Schriftgestalter gezeichnet hat, oft mit anderen Formen, etwa einem einstöckigen a. Eine falsche Kursive sind die normalen Buchstaben, die der Browser schräg stellt, wenn eine Schrift keine Kursive hat. Das Abzeichen neben der Schaltfläche Kursiv zeigt dir, welche du gerade siehst.





Enthält der Einbettungscode die kursiven Schnitte?
Ja. Wenn deine Vorschau kursive Wörter enthält und die Schrift eine echte Kursive hat, fordern der HTML-Link und der CSS-@import sowohl den Normal- als auch den Kursivschnitt an, und die CSS-Regeln enthalten einen em-Stil mit der Kursiv-Stärke. Umschließe die kursiven Wörter auf deiner Website mit <em>-Tags.





Kann ich meinen eigenen Text in der Vorschau ansehen?
Ja. Klicke in die Vorschau und tippe oder füge beliebigen Text ein: eine Überschrift, deinen Markennamen oder einen ganzen Absatz. Eingefügter Text wird als reiner Text übernommen und erhält so die Schrift, die du gerade testest.





Wie wechsle ich schnell zwischen Schriften?
Verwende die Pfeiltasten nach oben und unten, um durch die Schriftliste zu blättern, solange du nicht in der Vorschau tippst. Grenze die Liste vorher über das Menü Kategorie ein, zum Beispiel auf Serif oder Display.





Sind Google Fonts für die kommerzielle Nutzung kostenlos?
Google Fonts sind Open Source und stehen größtenteils unter der SIL Open Font License, die private und kommerzielle Nutzung erlaubt, auch auf Websites und in Logos. Prüfe die Lizenz auf der Google-Fonts-Seite der jeweiligen Schrift, wenn du die Schriftdateien verändern oder weiterverkaufen möchtest.


Weitere kostenlose Tools
Bildkonverter, Generatoren und SEO-Helfer für Designer und Entwickler.

Alle Tools ansehen