Sans · Schriftkonverter
Erstelle mit Inter kompakte Beschriftungen, Dashboard-Grafiken und technische Wortmarken als SVG – passend zu einer zurückhaltenden Produktoberfläche. 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.
Schriftprobe; nach dem Laden der Schrift folgt die aktuelle Vorschau.
Passe Exporteinheiten, Füllverhalten und Konturausgabe an.
SchriftprobeProduct Label / 500
Formen und Einsatzmöglichkeiten
Inter eignet sich für Produktbeschriftungen, Dashboard-Grafiken und kurze technische Wortmarken. Die zurückhaltenden Formen lassen Zahlen und knappe Hinweise gut in eine Oberfläche passen. Nutze SVG für feste Grafikbausteine. Wechselnde Werte, übersetzte Hilfetexte und längere Absätze bleiben als echter Text flexibler.
Prüfe den fertigen Text mit Zahlen, Schrägstrichen, Dezimalzeichen und Einheiten. Ein großes Beispielwort zeigt nicht, ob ein kleines Datenlabel funktioniert. Beurteile die kleinste Darstellung auf dem tatsächlichen Hintergrund. Hohe Schriftstärke und enge Abstände können die Zeile zu dicht wirken lassen, obwohl die einzelnen Zeichen noch erkennbar sind.
Gleicher Text · gleicher Maßstab
Der Dashboard-Betrag bezieht Komma und Dezimalpunkt in den Vergleich ein. Beide Schriften verwenden 500. Prüfe die Satzzeichen in deiner Endgröße; das feste Beispiel testet weder wechselnde Werte noch zifferngleiche Ausrichtung.
In diesem Beispiel benötigt Inter · 500 4,9 % mehr Zeilenbreite als Roboto · 500.
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.
500 eignet sich als Einstieg für Beschriftungen, 700 für kompakte Wortmarken und Hervorhebungen. Lass Kerning aktiv und beginne bei gemischter Schreibweise mit natürlicher Laufweite. Große Titel erlauben andere Korrekturen als kleine Labels. Vergleiche eine größere Ausgabe oder kürzere Formulierung, bevor du für ein winziges Element 800 oder 900 auswählst.
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.
Wandle in Dashboard-Grafiken feste Spaltennamen oder Produktmarken um und lass aktuelle Werte als Text stehen. Prüfe Trennzeichen, Prozentangaben und die längste Zahl. Eine Pfadgrafik ist noch keine aktualisierbare Zahlenkomponente.
Nimm bei kleinen Bedienfeldschildern auch Einheit und kleinsten Dezimaltrenner ins Materialmuster auf. Vergleiche den echten Wert in 500 und 700. Kräftigere Ziffern können den Platz rund um Satzzeichen verringern.
Vergleiche den endgültigen Text in 500 und 700 samt Zahlen und Einheiten bei der kleinsten Anzeigegröße. Halte eine zugängliche Textalternative bereit. Für die Fertigung prüfst du außerdem kleine Satzzeichen, Innenflächen und Maße.
