01
Roboto
96 PX AUSGANGSGRÖSSE
Schrift wird geladen und Pfade werden gezeichnet…
- Zeichenfläche
- —
- SVG-Größe
- —
- Zeichen
- —
SCHRIFTLABOR / 002
Vergleiche SVG-Schriftumrisse nebeneinander.
Gib deinen Text ein und vergleiche echte SVG-Pfade im gleichen Maßstab. Ändere Schriftschnitte, prüfe fehlende Zeichen und Dateigrößen und lade dein Ergebnis herunter.
Bis zu 40 Zeichen. Eine Zeile erleichtert den Vergleich.
Live-Vergleich
Gleicher Text. Gleicher Vorschaumaßstab.
3/4 Schriften ausgewählt
Wische seitwärts, um alle Schriften zu vergleichen.
02
Montserrat
96 PX AUSGANGSGRÖSSE
Schrift wird geladen und Pfade werden gezeichnet…
- Zeichenfläche
- —
- SVG-Größe
- —
- Zeichen
- —
03
Playfair Display
96 PX AUSGANGSGRÖSSE
Schrift wird geladen und Pfade werden gezeichnet…
- Zeichenfläche
- —
- SVG-Größe
- —
- Zeichen
- —
Jede Vorschau wird im Browser aus der gewählten Schriftdatei erstellt. Fehlen Zeichen, werden Vorschau und Download für diese Schrift deaktiviert, statt Platzhalterzeichen zu zeigen. Die Dateigröße bezieht sich auf die SVG-Datei.
VERGLEICHE NACH EINSATZ
Beginne mit einer konkreten Gestaltungsaufgabe
Wähle ein Beispiel aus. Text, Schriften und Schnitte werden oben geladen; die SVG-Pfade und Messwerte entstehen dann im Browser aus den jeweiligen Schriftdateien.
01 / ÜBERSCHRIFT
Vergleichstext
MARKE
Ein Wort, drei Schriftwirkungen
Vergleiche eine geometrische Sans, eine Serifenschrift und eine schmale Displayschrift mit demselben Wort.
Montserrat · 700Playfair Display · 700Bebas Neue · 400
Achte auf: Wortbreite, Buchstabenabstände und Innenräume der Buchstaben.
02 / OBERFLÄCHE
Vergleichstext
Speichern & weiter
Eine gut lesbare Schaltflächenbeschriftung
Prüfe denselben kurzen UI-Text in drei serifenlosen Schriften, bevor du ihn als Pfad exportierst.
Roboto · 400Inter · 400Lato · 400
Achte auf: Lesbarkeit der Kleinbuchstaben und Breite der Zeichenfläche.
03 / ZAHLEN
Vergleichstext
2026 / SVG
Zahlen und Zeichen für ein Emblem
Vergleiche eine Jahreszahl und ein kurzes Kürzel in drei unterschiedlichen Schriften, die alle Zeichen des Beispiels enthalten.
Inter · 700Playfair Display · 700Bebas Neue · 400
Achte auf: Ziffernformen, Schrägstrich und die Breite der gesamten Zeile.
IN DREI SCHRITTEN
So vergleichst du Schriftumrisse
Verwende in allen Karten denselben Text, damit die Unterschiede von Schrift und Schnitt sichtbar werden.
- 01
Gib deinen späteren Text ein
Nutze einen Schriftzug, eine Beschriftung oder einen kurzen Satz. Füge Akzente und andere Schriftsysteme hinzu, wenn du sie brauchst.
- 02
Wähle zwei bis vier Schriften
Stelle Schrift und Schnitt für jede Karte ein. Alle Pfade werden mit 96 px Ausgangsgröße erstellt und im selben Vorschaukoordinatensystem gezeigt.
- 03
Prüfe das Ergebnis und lade es herunter
Vergleiche Umrisse, Zeichenfläche, SVG-Dateigröße und fehlende Zeichen. Lade anschließend die passende Variante herunter.
ERGEBNISSE VERSTEHEN
Was die Vergleichswerte bedeuten
Die gemeinsame Vorschau zeigt die visuellen Unterschiede. Die Messwerte beziehen sich auf jede einzeln herunterladbare SVG-Datei.
Gemeinsamer Vorschaumaßstab
Alle aktiven Karten verwenden dieselbe viewBox. So lassen sich Breite und Form vergleichen. Beim Download erhält jede SVG ihre eigene, passend zugeschnittene viewBox.
Größe der Zeichenfläche
Breite und Höhe beschreiben die exportierte SVG-Zeichenfläche in Pixeln, einschließlich eines kleinen Rands um die Pfade. Derselbe Text kann unterschiedlich breit sein.
SVG-Dateigröße
Gemeint ist die erzeugte SVG-Datei, nicht die Schriftdatei. Aufwendigere Pfade können mehr Platz benötigen, ohne dass die Schrift deshalb besser ist.
Zeichenabdeckung
Fehlende Zeichen werden über die Zeichentabelle (cmap) der Schrift erkannt. Vorschau und Download bleiben deaktiviert, bis du eine Schrift mit allen benötigten Zeichen wählst.
Häufige Fragen zum Schriftvergleich
1Haben die heruntergeladenen SVGs dieselbe viewBox?
Haben die heruntergeladenen SVGs dieselbe viewBox?
Nein. Die Vorschauen verwenden zum Vergleichen eine gemeinsame viewBox. Jede heruntergeladene Datei wird mit einem kleinen Rand an ihre eigenen Buchstabenpfade angepasst.
2Warum wirken zwei Schnitte mit Stärke 400 unterschiedlich?
Warum wirken zwei Schnitte mit Stärke 400 unterschiedlich?
Die Bezeichnung der Stärke gilt jeweils innerhalb einer Schriftfamilie. Zwei Dateien mit 400 können unterschiedliche Strichformen und eine andere optische Stärke haben.
3Ist eine kleinere SVG-Datei immer die bessere Wahl?
Ist eine kleinere SVG-Datei immer die bessere Wahl?
Nein. Die Dateigröße hängt von den Pfaddaten dieses Textes ab. Entscheide zuerst nach Form und Zeichenabdeckung; die Größe ist ein zusätzlicher praktischer Wert.
4Kann ich Japanisch oder andere nichtlateinische Texte vergleichen?
Kann ich Japanisch oder andere nichtlateinische Texte vergleichen?
Ja. Gib die tatsächlich benötigten Zeichen ein und prüfe bei jeder Schrift die Anzeige fehlender Zeichen. Die Abdeckung variiert je nach Schriftdatei.
5Muss die Schrift für die exportierte SVG installiert sein?
Muss die Schrift für die exportierte SVG installiert sein?
Nein. Die heruntergeladene Datei enthält Pfade statt bearbeitbaren Text. Zum Anzeigen dieser Formen ist die ursprüngliche Schrift nicht erforderlich.