Die meisten Artikel über die "besten kostenlosen Schriften" werfen Ihnen dreißig Optionen hin, ohne ein Wort darüber, wie sie sich auf einer echten Website verhalten. Das hilft nicht. Sie brauchen nicht nur eine Schrift, die im Design-Werkzeug gut aussieht, sondern eine, die schnell lädt, auf jedem Gerät scharf dargestellt wird und alle Zeichen der Sprache hat, in der Sie schreiben.
Hier sind sechs Schriften, die Ihre Zeit wert sind, und zwei neue, die Ende 2025 auf Google Fonts erschienen sind. Alle sind kostenlos, und wir haben in den Schriftdateien selbst geprüft, dass jede Umlaute und ß ebenso enthält wie mitteleuropäische Buchstaben wie č, š und ž. Wie viel jede auf Google Fonts wiegt, haben wir am 25. Oktober 2026 gemessen.
Warum die Schriftwahl mehr zählt, als Sie denken
Vor der Liste ein paar Worte dazu, warum diese Entscheidung im Web wichtiger ist als anderswo.
Eine Schrift auf einem Plakat muss nur gut aussehen. Eine Schrift auf einer Website muss gut aussehen, schnell laden, in kleinen Größen scharf sein, auf allen Betriebssystemen funktionieren und alle Zeichen haben, die Sie brauchen. Das ist eine ganz andere Liste von Anforderungen.
Jede eigene Schrift, die Sie hinzufügen, ist eine weitere Datei, die der Browser laden muss. Bei einer langsamen mobilen Verbindung ist das der Unterschied zwischen einer Seite, die schnell wirkt, und einer, die zwei Sekunden lang leeren Text zeigt.
Ein Detail noch. Google Fonts teilt die lateinische Schrift in zwei Teilmengen: die Grundmenge (latin), die Englisch, Umlaute und ß sowie die meisten westeuropäischen Akzente abdeckt, und die erweiterte (latin-ext) mit Buchstaben wie č, ł oder ő. Eine deutsche Seite lädt meist nur die erste; eine Seite mit tschechischen, polnischen oder kroatischen Namen lädt beide. Die Tabelle unten nennt beide Werte.
Schriften mit Blick auf die Performance zu wählen, gehört zu gutem Webdesign. Einen breiteren Blick darauf, wie Typografie auf Besucher wirkt, bietet unser Leitfaden zur Wahl der richtigen Schrift.
Gelasio
Ideal für: Fließtext, wenn Sie Charakter wollen, ohne Lesbarkeit zu opfern.
Gelasio ist eine Serifenschrift, die auf dem Bildschirm überraschend gut funktioniert. Laut ihrer Beschreibung auf Google Fonts entsprechen ihre Maße im normalen, fetten und kursiven Schnitt denen von Georgia, sodass Sie Georgia als Ersatzschrift nutzen können, ohne dass sich der Text verschiebt, während Gelasio lädt.
Die Buchstaben sind warm und in Absatzgröße gut lesbar. Spektakulär ist sie nicht, und genau darum geht es. Für lange Texte wie Blogbeiträge und Leistungsbeschreibungen wollen Sie eine Schrift, die beim Lesen verschwindet.
Hinweis zur Performance: Die variable Datei mit der Spanne 400 bis 700 wiegt 35 KB für die Grundmenge und weitere 41 KB für die erweiterte. Laden Sie nur, was Sie brauchen: normal und fett decken die meisten Texte ab.
Space Grotesk
Ideal für: Technologiemarken und Websites von Softwareprodukten.
Space Grotesk ist eine proportionale serifenlose Schrift mit geometrischem Aufbau und einigen eigenwilligen Details. Offene Formen und sanft gerundete Kurven geben ihr eine technische Wirkung, ohne kalt zu sein.
Sie eignet sich hervorragend für Überschriften und Bedienelemente. Kombinieren Sie sie mit einer neutralen Textschrift wie DM Sans, und Sie erhalten ein typografisches System, das modern und durchdacht wirkt.
Hinweis zur Performance: Die variable Version deckt die Stärken 300 bis 700 ab und wiegt nur 22 KB für die Grundmenge und 19 KB für die erweiterte. Nutzen Sie sie und lassen Sie CSS die Stärke wählen.
DM Sans
Ideal für: Klare Oberflächen, Dashboards und Websites, die professionell wirken sollen, ohne langweilig zu sein.
DM Sans ist eine dieser Schriften, die einfach überall funktionieren. Sie ist geometrisch präzise, in kleinen Größen sehr gut lesbar und neutral genug, um zu fast allem zu passen.
Wenn Sie eine Unternehmenswebsite bauen und nicht lange über Typografie nachdenken wollen, ist DM Sans eine sichere Wahl. Sie trägt Fließtext, Navigation, Buttons und Überschriften gleich gut. Es ist eine Schrift, über die sich niemand beschwert, und das ist tatsächlich ein Kompliment.
Hinweis zur Performance: Die variable Datei deckt die ganze Spanne von 100 bis 1000 ab und hat eine Achse für die optische Größe. Sie wiegt 37 KB für die Grundmenge und 18 KB für die erweiterte. Zwei Stärken plus Kursiv reichen für die meisten Projekte.
Playfair Display
Ideal für: Überschriften auf Websites von Hotels, Restaurants und Lifestyle-Marken.
Playfair Display ist eine kontrastreiche Serifenschrift mit ausgeprägten Übergängen zwischen dicken und dünnen Strichen. In großen Überschriften wirkt sie edel: Hotels, Restaurants, Modemarken, Weinhandlungen, überall dort, wo die Stimmung "luxuriös, aber zugänglich" ist.
Eine Warnung: Nutzen Sie sie nicht für Fließtext. Der hohe Kontrast, der sie bei 48 Pixeln eindrucksvoll macht, macht sie bei 16 mühsam. Kombinieren Sie sie mit einer klaren serifenlosen Schrift für den Fließtext. Der Kontrast zwischen beiden schafft eine Hierarchie, die den Blick dorthin lenkt, wo Sie ihn haben wollen.
Hinweis zur Performance: Die variable Version von 400 bis 900 wiegt 38 KB für die Grundmenge und 21 KB für die erweiterte. Beschränken Sie sich auf eine oder zwei Stärken und nutzen Sie font-display: swap, damit Text beim Laden nicht unsichtbar ist.
Aspekta
Ideal für: Visuelle Identitäten und moderne Unternehmenswebsites.
Aspekta ist eine zeitgemäße serifenlose Schrift, die zugleich freundlich und seriös wirkt. Entwickelt wurde sie in Kroatien von Ivo Dolenc, sie steht unter der Lizenz OFL 1.1 und kommt in zwanzig Stärken von 50 bis 1000, mit vierzehn Stilsets alternativer Buchstabenformen.
Was sie auszeichnet, ist Präzision. Jede Buchstabenform wirkt durchdacht, sodass Logotext gestaltet aussieht und nicht nur getippt. Wenn Sie neben der Website auch eine visuelle Identität aufbauen, gibt Ihnen Aspekta Einheitlichkeit in beidem.
Hinweis zur Performance: Aspekta ist nicht auf Google Fonts, Sie liefern sie also selbst aus. Das Paket enthält bereits WOFF2-Dateien und eine variable Version. Reduzieren Sie sie auf die Zeichen, die Sie brauchen, und laden Sie die Datei im Kopf der Seite vor.
Instrument Serif
Ideal für: Redaktionelle Inhalte, Magazine und Portfolios.
Instrument Serif ist elegant, ohne steif zu sein. Ihre Buchstaben haben eine fast kalligrafische Wärme, die redaktionelle Layouts belebt. Sie eignet sich für Überschriften und hervorgehobene Zitate auf inhaltsreichen Seiten.
Sie passt natürlich zu Instrument Sans aus derselben Familie, für ein stimmiges typografisches System. Oder kombinieren Sie sie mit einer geometrischen serifenlosen Schrift für mehr Kontrast. Beides funktioniert.
Hinweis zur Performance: Instrument Serif hat nur einen normalen und einen kursiven Schnitt, ohne variable Version. Der normale Schnitt wiegt 21 KB für die Grundmenge und 12 KB für die erweiterte und ist damit die leichteste Schrift auf dieser Liste.
Neu auf Google Fonts: Google Sans und Google Sans Flex
Die größte Neuigkeit bei kostenlosen Schriften im vergangenen Jahr: Google hat seine Markenschrift freigegeben. Google Sans, die Schrift, die Sie in Googles Produkten sehen, ist seit dem 9. Dezember 2025 unter der SIL Open Font License 1.1 auf Google Fonts, ihre variable Schwester Google Sans Flex seit dem 12. November 2025.
Google Sans ist eine variable Schrift mit Stärken von 400 bis 700, einer Achse für die optische Größe und einer Grad-Achse, mit der Sie Text etwas fetter machen können, ohne Breite oder Zeilenumbrüche zu verändern. Die Kursiven liegen in einer eigenen Datei. Sie wiegt 36 KB für die Grundmenge und 22 KB für die erweiterte.
Google Sans Flex geht weiter: Neben der Stärke von 1 bis 1000 hat sie Achsen für Breite, optische Größe, Neigung und Rundung, sodass Sie aus einer Datei Dutzende Stile erhalten. Nur mit der Stärkeachse wiegt sie 51 KB für die Grundmenge und 26 KB für die erweiterte.
Ein Vorbehalt: Beide sind sehr bekannt, weil Menschen sie täglich in Googles Apps sehen. Für Oberflächen und Werkzeuge ist das ein Vorteil, für eine Marke, die sich abheben will, vielleicht nicht.
Wie Sie zwischen ihnen wählen
Hier ein schneller Entscheidungsrahmen.
Sie bauen einen Blog oder eine inhaltsreiche Website? Gelasio für den Fließtext, Space Grotesk oder DM Sans für Überschriften.
Sie bauen ein Software- oder Technikprodukt? DM Sans oder Google Sans überall, oder Space Grotesk für Überschriften mit DM Sans für den Fließtext.
Sie bauen eine Luxus- oder Lifestyle-Marke? Playfair Display für Überschriften, DM Sans oder Gelasio für den Fließtext.
Sie bauen eine Unternehmenswebsite mit starker visueller Identität? Aspekta durchgehend. Sie hat genug Stärken für jedes Element.
Sie bauen eine redaktionelle oder Portfolio-Website? Instrument Serif für Überschriften, mit einer neutralen serifenlosen Schrift.
| Schrift | Stärken | Grundmenge | Erweitert |
|---|---|---|---|
| Gelasio | 400 bis 700 | 35 KB | 41 KB |
| Space Grotesk | 300 bis 700 | 22 KB | 19 KB |
| DM Sans | 100 bis 1000 | 37 KB | 18 KB |
| Playfair Display | 400 bis 900 | 38 KB | 21 KB |
| Instrument Serif | nur 400 | 21 KB | 12 KB |
| Google Sans | 400 bis 700 | 36 KB | 22 KB |
| Google Sans Flex | 1 bis 1000 | 51 KB | 26 KB |
Gemessen am 25. Oktober 2026 auf Google Fonts: eine variable Datei des aufrechten Schnitts im Format WOFF2 (Instrument Serif hat keine variable Version, daher ist der normale Schnitt angegeben). Kursive sind eigene Dateien.
Denken Sie daran, dass beste Typografie nicht die perfekte Schrift ist, sondern ein System, in dem Schriften, Größen, Stärken und Abstände zusammenarbeiten. Einen großen Teil dieser Arbeit leisten auch Farben, lesen Sie also auch, wie Farben das Benutzererlebnis beeinflussen.
Checkliste für die Performance
Bevor Sie eine Schrift auf Ihre Website bringen, gehen Sie das durch.
- Liefern Sie Schriften von Ihrer eigenen Domain aus. Die Einbindung von Googles Servern sendet die IP-Adresse jedes Besuchers an Google, und das Landgericht München I hat dafür 2022 Schadensersatz zugesprochen; Einzelheiten stehen in unserem Leitfaden zur Wahl der Schrift. Verlassen Sie sich auch nicht darauf, dass Besucher die Schrift schon im Browser haben: Chrome ab Version 86 und Safari speichern geladene Dateien für jede Website getrennt, sodass eine auf einer fremden Website geladene Schrift Ihre nicht beschleunigt.
- Nutzen Sie das Format WOFF2. Es komprimiert am besten, und alle aktuellen Browser unterstützen es.
- Reduzieren Sie Schriften auf die Zeichen, die Sie brauchen. Eine deutsche Seite braucht die lateinische Grundmenge, nicht Kyrillisch oder Vietnamesisch.
- Nutzen Sie
font-display: swap, damit Text beim Laden nicht unsichtbar ist, und den Deskriptorsize-adjust, um die Ersatzschrift anzupassen, damit sich der Text nicht verschiebt. - Begrenzen Sie die Stärken. Jede zusätzliche Stärke ist eine weitere Datei.
- Erwägen Sie variable Schriften. Eine Datei, jede Stärke, meist leichter als drei einzelne.
- Laden Sie Ihre Hauptschrift vor. Ein Preload-Link im Kopf der Seite sagt dem Browser, dass er sie früh holen soll.
Gute Typografie ist unsichtbar. Schlechte Typografie ist alles, was man sieht. Wählen Sie eine Schrift, die Ihrem Inhalt dient, optimieren Sie sie für das Web und machen Sie mit dem Nächsten weiter.
Brauchen Sie Hilfe bei der Auswahl und Umsetzung von Typografie für Ihre Website? Werfen Sie einen Blick auf unsere Webdesign-Dienstleistungen oder lesen Sie mehr über die Auswahl der richtigen Schrift für Ihr Projekt.
