Sans · Schriftkonverter
Erstelle mit Open Sans freundliche Beschriftungen, Erklärgrafiken und gut lesbare Schilder als SVG-Pfade. Die Schrift ist bereits ausgewählt. Gib deinen Text ein, passe Stärke und Abstände an und lade SVG, DXF oder eine React-Komponente herunter.
Passe Exporteinheiten, Füllverhalten und Konturausgabe an.
SchriftprobeOpen Studio / 600
Formen und Einsatzmöglichkeiten
Open Sans passt zu verständlichen Hinweisen, Erklärgrafiken und gut lesbarer Beschilderung. Die offenen, entspannten Formen bleiben auch als SVG-Pfade freundlich. Nutze Konturen für feste Grafiktexte. Lange Anleitungen, die sich anpassen, übersetzen oder automatisch umbrechen sollen, sind als normaler Text meist leichter zu pflegen.
Achte auf die Öffnungen in c, e und s und auf die Breite der ganzen Zeile. Die großzügigen Proportionen brauchen bei längeren Formulierungen mehr Platz. Prüfe Akzente, Satzzeichen und Kleinbuchstaben mit. Stauche die SVG nicht horizontal, um sie passend zu machen: Dabei verändern sich Kurven und Innenräume.
Gleicher Text · gleicher Maßstab
Die Öffnungszeiten enthalten Ziffern, Doppelpunkte und einen Gedankenstrich. Open Sans und Lato verwenden beide 700. Vergleiche den vollständigen Hinweis statt nur des Wortes OPEN.
In diesem Beispiel benötigt Open Sans · 700 2,2 % mehr Zeilenbreite als Lato · 700.
Beide Beispiele stammen aus dem integrierten Schriftkatalog: 72 px Schriftgröße, Kerning und Standardligaturen aktiv, keine zusätzliche Laufweite und keine Konturverstärkung. Maßstab und Grundlinie sind gleich; auf kleinen Bildschirmen werden beide Zeilen um denselben Faktor verkleinert. Gemessen wird die gesetzte Zeilenbreite einschließlich Zeichenabständen, nicht der sichtbare Konturrahmen. Die Werte gelten für diese Dateien und diesen Text. Gleiche Stärkezahlen bedeuten nicht gleiche optische Strichstärke. Der Vergleich dient der Platzplanung, nicht als Lesbarkeitswertung oder Fertigungstest.
Die Werte sind visuelle Startpunkte. Prüfe deinen Wortlaut in der Endgröße. Fertigungsgrenzen hängen von Verfahren, Material und Werkzeug ab; der Schriftvergleich ersetzt kein Materialmuster.
Beginne bei kompakten Beschriftungen mit 600, bei Schildern und Hervorhebungen mit 700. Für größere Erklärgrafiken kommt auch 400 infrage. Lass Kerning aktiv und ändere die Laufweite nur wenig. Zu große Abstände zerlegen einen Satz, zu enge schließen Öffnungen. Kürze lange Zeilen oder setze bewusste Umbrüche, bevor du die Buchstaben zusammendrückst.
SVG passt zu Design- und Webgrafiken, DXF zu kompatiblen CAD-Abläufen. JSX oder TSX liefert React-Komponenten mit Konturen. Wähle das Format für dein Zielprogramm.
Prüfe bei Öffnungszeiten die ganze Zeitspanne und Namen mit Akzenten. Lege Umbrüche vor dem Umwandeln fest. Längere Hinweise auf Websites bleiben besser Text, damit sie sich einer schmaleren Fläche anpassen.
Beurteile Doppelpunkt und Gedankenstrich bei den fertigen Schildmaßen. Ein gut lesbares großes OPEN bestätigt nicht die kleineren Uhrzeiten darunter. Teste diese kleinen Zeichen separat vor dem vollständigen Schild.
Prüfe die ganze Zeile samt Akzenten und Satzzeichen in der verfügbaren Breite. Vergleiche 400, 600 und 700. Für physische Ausgaben misst du den engsten Innenraum und klärst Stege oder Trägerplatte vor dem Materialtest.
