Vorschau und Vergleich von 30+ Schriftarten. Geben Sie Text ein, passen Sie Größe, Abstand und Farbe an. Seite-an-Seite-Vergleich mit CSS-Kopie.
24px
1.5
0px
Arialweb-safe
The quick brown fox jumps over the lazy dog
Helveticaweb-safe
The quick brown fox jumps over the lazy dog
Georgiaweb-safe
The quick brown fox jumps over the lazy dog
Times New Romanweb-safe
The quick brown fox jumps over the lazy dog
Courier Newweb-safe
The quick brown fox jumps over the lazy dog
Verdanaweb-safe
The quick brown fox jumps over the lazy dog
Impactweb-safe
The quick brown fox jumps over the lazy dog
Comic Sans MSweb-safe
The quick brown fox jumps over the lazy dog
Trebuchet MSweb-safe
The quick brown fox jumps over the lazy dog
Palatinoweb-safe
The quick brown fox jumps over the lazy dog
Garamondweb-safe
The quick brown fox jumps over the lazy dog
system-uigeneric
The quick brown fox jumps over the lazy dog
monospacegeneric
The quick brown fox jumps over the lazy dog
cursivegeneric
The quick brown fox jumps over the lazy dog
fantasygeneric
The quick brown fox jumps over the lazy dog
serifgeneric
The quick brown fox jumps over the lazy dog
sans-serifgeneric
The quick brown fox jumps over the lazy dog
Robotogoogle
The quick brown fox jumps over the lazy dog
Open Sansgoogle
The quick brown fox jumps over the lazy dog
Latogoogle
The quick brown fox jumps over the lazy dog
Montserratgoogle
The quick brown fox jumps over the lazy dog
Poppinsgoogle
The quick brown fox jumps over the lazy dog
Intergoogle
The quick brown fox jumps over the lazy dog
Playfair Displaygoogle
The quick brown fox jumps over the lazy dog
Merriweathergoogle
The quick brown fox jumps over the lazy dog
Ralewaygoogle
The quick brown fox jumps over the lazy dog
Nunitogoogle
The quick brown fox jumps over the lazy dog
Ubuntugoogle
The quick brown fox jumps over the lazy dog
Oswaldgoogle
The quick brown fox jumps over the lazy dog
Source Code Progoogle
The quick brown fox jumps over the lazy dog
Fira Codegoogle
The quick brown fox jumps over the lazy dog
Dancing Scriptgoogle
The quick brown fox jumps over the lazy dog
Pacificogoogle
The quick brown fox jumps over the lazy dog
Schriftarten-Vorschau und Vergleichswerkzeug
Die richtige Schriftart zu wählen ist eine der wirkungsvollsten Designentscheidungen. Typografie beeinflusst Lesbarkeit, Markenwahrnehmung, Benutzererfahrung und Konversionsraten. Dieses Tool ermöglicht es, verschiedene Schriftarten mit Ihrem echten Inhalt zu visualisieren.
Es enthält über 30 beliebte Schriften: Web-Safe wie Arial, Georgia und Verdana, generische CSS-Familien wie serif und monospace, sowie beliebte Google Fonts wie Roboto, Montserrat und Playfair Display.
Der Seite-an-Seite-Vergleichsmodus ist besonders nützlich, um die endgültigen Kandidaten einzugrenzen. Wählen Sie zwei Schriften und sehen Sie sie identisch gerendert. Sie können auch das CSS mit einem Klick kopieren.
Für Webprojekte beachten Sie die Ladeleistung. Web-Safe-Schriften laden sofort. Google Fonts erfordern eine HTTP-Anfrage, bieten aber mehr Vielfalt.
FAQ
Teilen
GesponsertAnzeige
🎨
Erstellen Sie beeindruckende Designs mit Canva
Erstellen Sie Präsentationen, Social-Media-Grafiken und mehr — keine Designkenntnisse nötig.
Schriften, die auf fast allen Betriebssystemen vorinstalliert sind, wie Arial, Georgia und Verdana. Sie laden sofort ohne externe Anfragen.
Wie füge ich Google Fonts zu meiner Website hinzu?+−
Fügen Sie ein Link-Tag im HTML-Head hinzu, das auf fonts.googleapis.com zeigt, dann verwenden Sie font-family in Ihrem CSS.
Was ist der Unterschied zwischen Serif und Sans-Serif?+−
Serif-Schriften haben dekorative Striche (wie Times New Roman), Sans-Serif nicht (wie Arial). Serifs sind traditionell für Druck, Sans-Serifs für Bildschirme bevorzugt.
Wie viele Schriften sollte ich verwenden?+−
Best Practice sind maximal 2-3 Schriften: eine für Überschriften, eine für Fließtext und optional eine für Akzente oder Code.
Wird mein Text irgendwohin gesendet?+−
Nein. Das gesamte Rendering erfolgt in Ihrem Browser. Text wird nie an Server gesendet.