12 mehrsprachige Schriftarten für Ihre Website: Kostenlos Auswahl nach Skript

Fassen Sie diesen Beitrag zusammen mit: 9 Minuten Lesezeit

ChatGPT Ratlosigkeit Grok Google AI

Es gibt keine einzige Webschriftart, die jede Sprache gut abdeckt. Das Nächstliegende ist Googles Noto Projekt, das “mehr als 1.000 Sprachen und über 150 Schriftsysteme” abdeckt, aber als separate Familien pro Schrift ausgeliefert wird. Für die meisten mehrsprachigen Websites besteht die praktische Antwort in einer Hauptschriftart für lateinischen, kyrillischen und griechischen Text sowie einem skriptspezifischen Fallback (Noto oder eine passende Familie) für Arabisch, Hebräisch, Devanagari, Thailändisch und CJK.

Nachfolgend finden Sie 12 kostenlose Schriftarten, die mehr als ein Skript verarbeiten, mit den genauen Skripten, die jedes einzelne unterstützt, gefolgt von einem CSS-Setup und einer Testroutine, die Sie ausführen können, bevor Sie eine neue Sprache starten.

Wichtige Erkenntnisse

• Überprüfen Skripte, nicht “Anzahl der Sprachen”. Wenn eine Schriftart keine arabischen Glyphen hat, spielt es keine Rolle, wie viele lateinische Schriftsprachen sie auflistet.
• Fehlende Glyphen werden als leere Kästchen (“Tofu”) oder als nicht übereinstimmende Systemschriftart angezeigt. Für einheimische Leser sehen beide kaputt aus.
• Bauen Sie eine Schriftstapel: zuerst Ihre Markenschriftart, dann eine skriptspezifische Schriftart, dann eine generische Familie. Der Browser wählt pro Zeichen aus.
• Laden Sie CJK und andere große Schriftarten nur bei Bedarf. Google Fonts teilt sie bereits in kleine auf unicode-range Scheiben.
• Testen Sie jede Sprache auf echten Seiten in echten Größen, bevor Sie sie für Besucher aktivieren.

Wie wir diese Schriftarten ausgewählt und überprüft haben

Alle 12 Schriftarten sind kostenlos nutzbar und auf Google Fonts verfügbar. Die für jedes Skript aufgeführte Skriptabdeckung stammt aus den Metadaten der Google Fonts-Familie, die am 27. September 2026 überprüft wurden. “Latein” umfasst den erweiterten lateinischen Satz, der die meisten europäischen Sprachen abdeckt, Türkisch und Vietnamesisch, sofern aufgeführt.

Premium-Schriftarten haben wir weggelassen. Bezahlte Familien wie Helvetica World oder Frutiger können ausgezeichnet sein, aber ihre Sprachunterstützung und Preise ändern sich je nach Lizenz und Anbieter, und Sie sollten diese direkt bei der Gießerei überprüfen.

Die 12 mehrsprachigen Schriftarten

1. Noto Sans

Skripte: Latein, Kyrillisch, Griechisch, Devanagari, Vietnamesisch. Begleitfamilien decken fast alles andere ab: Noto Sans Arabic, Hebräisch, Thailändisch, JP, KR, SC (vereinfachtes Chinesisch), TC (traditionelles Chinesisch) und mehr.

Noto (kurz für “kein Tofu”) ist die Standardwahl, wenn Sie Breite benötigen. Die Noto-Projekt beschreibt es als Sammlung “in mehr als 1.000 Sprachen und über 150 Schriftsystemen” und die Schriftarten werden unter der SIL Open Font License veröffentlicht. Da jede Skriptfamilie so konzipiert ist, dass sie zusammenarbeitet, ist Noto auch der sicherste Fallback hinter allen anderen Schriftarten auf dieser Liste.

2. Noto Serif

Skripte: Latein, Kyrillisch, Griechisch, Vietnamesisch sowie mathematische Symbole.

Der Serifenpartner von Noto Sans mit eigenen Schriftbegleitern (Noto Serif JP, Noto Naskh Arabic für einen traditionellen arabischen Stil und andere). Gut für Redaktionsseiten, die in jeder Sprache ein buchähnliches Gefühl wünschen.

3. Offene Sans

Skripte: Latein, Kyrillisch, Griechisch, Hebräisch, Vietnamesisch.

Steve Mattesons humanistische Sans sind seit Jahren ein fester Bestandteil des Internets. Seine hebräische Unterstützung ist der Grund, warum es auf dieser Liste steht: Nur wenige beliebte lateinische Schriftarten enthalten es. Es handelt sich um eine solide Textauswahl für Websites, die Englisch, Russisch, Griechisch und Hebräisch aus einer Familie benötigen.

4. Roboto

Skripte: Latein, Kyrillisch, Griechisch, Vietnamesisch.

Systemschriftart von Android, entworfen von Christian Robertson. Besucher kennen es bereits, es hat viele Gewichte und eine variable Version und lässt sich für Skripte, die es nicht abdeckt, sauber mit Noto kombinieren.

5. Inter

Skripte: Latein, Kyrillisch, Griechisch, Vietnamesisch.

Rasmus Andersson hat Inter für Bildschirme entwickelt und es zeigt in kleinem UI-Text: Schaltflächen, Beschriftungen, Tabellen. Wenn Ihre Site eine App oder ein Dashboard ist, sind Inter plus Noto-Fallbacks eine starke Kombination.

6. Quelle Sans 3

Skripte: Latein, Kyrillisch, Griechisch, Vietnamesisch.

Adobes erste Open-Source-Familie, von Paul D. Hunt. Neutral, sehr gut lesbar in langem Text und stilistisch eng mit Source Han Sans vereinbar, dem CJK-Design, das Adobe mit Google entwickelt hat und das Google als Noto Sans CJK ausliefert.

7. Fira Sans

Skripte: Latein, Kyrillisch, Griechisch, Vietnamesisch.

Entworfen von Carrois Apostrophe für Mozilla. Etwas mehr Persönlichkeit als Roboto oder Inter, mit passendem Fira Mono, wenn Ihre Site Code anzeigt.

8. Montserrat

Skripte: Latein, Kyrillisch, Vietnamesisch. Kein Griechisch.

Beliebt für Überschriften. Es dient als Erinnerung daran, die Abdeckungszeile zu lesen: Montserrat funktioniert für Englisch, Deutsch, Polnisch, Russisch und Ukrainisch, aber eine griechische Seite würde in der Mitte der Überschrift auf eine andere Schriftart zurückgreifen.

9. IBM Plex Sans (und seine Skriptbegleiter)

Skripte: Plex Sans deckt Latein, Kyrillisch, Griechisch und Vietnamesisch ab. Separate Familien hinzufügen Arabisch, Hebräisch, Devanagari, Thailändisch, Japanisch und Koreanisch.

IBM Plex ist nach Noto die umfassendste “als ein System konzipierte” Option. Jeder Begleiter hat die gleichen Proportionen und den gleichen Ton wie Plex, sodass sich eine Seite auf Arabisch und eine Seite auf Englisch wie dieselbe Marke anfühlen.

10. Rubik

Skripte: Latein, Kyrillisch, Hebräisch, Arabisch.

Leicht rund und freundlich. Eine der wenigen Einzelfamilien, die sowohl Hebräisch und Arabisch als auch Latein und Kyrillisch abdeckt, was sie für Websites im Nahen Osten praktisch macht.

11. Kairo

Skripte: Arabisch, Latein.

Eine zeitgenössische arabische Familie mit passendem lateinischen Set. Nützlich, wenn Ihre arabischen Seiten Priorität haben und Sie möchten, dass die englischen Wörter im arabischen Text (Markennamen, Produktcodes) übereinstimmen.

12. Noto Sans JP, SC, TC und KR

Skripte: Japanisch, vereinfachtes Chinesisch, traditionelles Chinesisch und Koreanisch, jeweils mit Latein und Kyrillisch.

Chinesische, japanische und koreanische Schriftarten enthalten Tausende von Zeichen, daher ist die Dateigröße das eigentliche Problem. Google Fonts serviert sie in kleinen unicode-range Chunks, und der Browser lädt nur die Chunks herunter, die eine Seite benötigt. Verwenden Sie die Familie, die zur Sprache passt: Japanisch und Chinesisch haben viele gemeinsame Zeichen, zeichnen sie aber unterschiedlich, und die Leser bemerken es.

Eine kurze Warnung zu Favoriten nur für Latin: Lato listet beispielsweise bei Google Fonts nur Latin und Latin Extended auf. Viele Markenschriftarten sind gleich. Das ist in Ordnung, solange Ihr Stack für jedes andere von Ihnen veröffentlichte Skript einen Fallback hat.

So richten Sie einen mehrsprachigen Schriftstapel ein

Der Browser wählt pro Zeichen eine Schriftart aus. Wenn die erste Schriftart in font-family hat kein Glyph, es versucht das nächste. Das können Sie mit Absicht verwenden:

body {
  font-family: 'Inter', 'Noto Sans', 'Noto Sans Arabic', 'Noto Sans JP', system-ui, sans-serif;
}

Für eine bessere Kontrolle legen Sie Schriftarten pro Sprache fest mit dem :lang() Wähler. Es funktioniert, solange die Seite <html lang="…"> Attribut ist für die angezeigte Sprache korrekt:

:lang(ar) body {
  font-family: 'IBM Plex Sans Arabic', 'Noto Sans Arabic', sans-serif;
}
:lang(he) body {
  font-family: 'Open Sans', 'Noto Sans Hebrew', sans-serif;
}
:lang(ja) body {
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 1.8;
}
:lang(th) body {
  font-family: 'IBM Plex Sans Thai', 'Noto Sans Thai', sans-serif;
  line-height: 1.9;
}

Drei Details, die später Zeit sparen:

• Linienhöhe. Thailändisch, Devanagari und Arabisch haben Markierungen über und unter den Buchstaben. Eine auf Englisch abgestimmte Linienhöhe kann sie abschneiden. Geben Sie diesen Sprachen mehr Raum.
• Fett und kursiv. Viele Skripte haben keine echte Kursivschrift. Wenn Sie sich bei der Hervorhebung auf Kursivschrift verlassen, wählen Sie für diese Sprachen einen anderen Stil (Gewicht oder Farbe).
• Selbsthosting. Wenn Sie Schriftarten selbst hosten, behalten Sie die unicode-range Deskriptoren beim Kopieren @font-face Regeln. Die MDN-Referenz für Unicode-Bereich Zeigt die Syntax an.

So testen Sie Schriftarten, bevor Sie eine Sprache starten

1. Schalten Sie die Sprache in einem versteckten oder Staging-Zustand ein und laden Sie Ihre fünf wichtigsten Seiten: Home, eine Produkt- oder Preisseite, einen langen Artikel, ein Formular und die Kasse oder Anmeldung.
2. Achten Sie auf Tofu und Schriftwechsel. Leere Rechtecke sind offensichtlich. Eine plötzliche Änderung der Buchstabenform in der Mitte einer Überschrift ist leichter zu übersehen und bedeutet, dass die Schriftart zurückfiel.
3. Überprüfen Sie den kleinen Text. Fußzeilen, Formularbeschriftungen, Tabellenzellen und Schaltflächen in mobiler Größe. Komplexe Skripte sind unterhalb der für Englisch geeigneten Größe schwer zu lesen.
4. Textlänge prüfen. Übersetzter Text ist oft länger. Die W3Cs Artikel zur Textgröße in der Übersetzung zitiert IBM-Richtlinien, denen zufolge kurze englische Zeichenfolgen (bis zu 10 Zeichen) in europäischen Sprachen um 200 bis 300 % wachsen können. Schaltflächen und Menüs brechen zuerst.
5. Richtung prüfen. Bestätigen Sie für Arabisch, Hebräisch und Persisch, dass das Layout korrekt wiedergegeben wird und dass Zahlen und lateinische Wörter im Text immer noch richtig gelesen werden. Unser Leitfaden zu RTL-Design deckt die Layoutseite ab.
6. Fragen Sie einen einheimischen Leser. Ein fließender Sprecher erkennt innerhalb von Sekunden eine falsche regionale Glyphe (üblich bei Chinesisch und Japanisch).

Wie ConveyThis beim Testschritt hilft

ConveyThis übersetzt den Text Ihrer Website und legt den der Seite fest lang Attribut auf die angezeigte Sprache, also die :lang() Die oben genannten Regeln gelten automatisch. Sie können eine Vorschau jeder Sprache über das Sprachumschalter anzeigen und umständliche Formulierungen im beheben visueller Editor auf der Seite selbst, was der schnellste Weg ist, eine Schaltflächenbeschriftung zu erkennen, die nicht mehr passt. Wenn eine Zeichenfolge für Ihr Design zu lang ist, bearbeiten Sie die Übersetzung dort oder verwenden Sie das Glossar, damit ein kurzer Begriff konsequent verwendet wird.

Was ConveyThis nicht tut, ist, Schriftarten für Sie auszuwählen oder zu laden. Der Schriftstapel bleibt im CSS Ihres Designs. Pläne und Sprachlimits liegen auf der Preisseite, und ConveyThis unterstützt 210 Sprachen, daher lohnt es sich, die Schriftabdeckung zu überprüfen, bevor Sie ein neues Skript hinzufügen.

Häufig gestellte Fragen

Welche Schriftart unterstützt alle Sprachen? Keine einzelne Schriftdatei tut dies. Am nächsten kommt Googles Noto-Familie, mit einer separaten Familie pro Skript, die für die Zusammenarbeit konzipiert ist.

Was ist “Tofu” in Schriftarten? Das leere Rechteck, das ein Browser zeichnet, wenn die Schriftart keine Glyphe für ein Zeichen hat. Notos Name kommt von “kein Tofu”.

Soll ich für jede Sprache eine Schriftart verwenden? Nur wenn es wirklich jedes Skript abdeckt, das Sie veröffentlichen. Andernfalls verwenden Sie für lateinische Texte Ihre Markenschriftart und für den Rest passende Fallbacks.

Verlangsamen mehrsprachige Schriftarten meine Site? Das können sie, insbesondere CJK-Schriftarten. Laden Sie nur die Gewichte, die Sie verwenden, behalten Sie unicode-range Teilmenge und Verwendung font-display: swap Text wird also angezeigt, während Schriftarten geladen werden.

Sind Sie bereit, Ihre Site in einer neuen Sprache, mit neuen Schriftarten und allem zu sehen? Erstellen Sie ein ConveyThis-Konto und sehen Sie sich Übersetzungen auf Ihren eigenen Seiten an, bevor Sie sie veröffentlichen.