Text-zu-SVG-Pfad-Konverter
Wandeln Sie Text mit Ihrer eigenen TTF-, OTF-, WOFF- oder WOFF2-Schriftart in SVG-Konturpfade um. Legen Sie Größe, Laufweite, Zeilenhöhe und Ausrichtung fest und kopieren oder laden Sie das SVG herunter — ohne Upload.
🔒 Läuft vollständig in Ihrem Browser — nichts wird hochgeladenDrop a font here or click to browse
TTF, OTF, WOFF or WOFF2. The font never leaves your device.
Load a font to see the SVG preview.
Beliebigen Text in Vektorkonturen umwandeln
Dieser Konverter nimmt eine Schriftdatei und einen Text und erzeugt daraus ein SVG, in dem jeder Buchstabe ein Vektorpfad ist. Das Ergebnis hängt nicht mehr davon ab, dass die Schrift installiert ist, und sieht daher auf jedem Gerät und in jedem Programm exakt gleich aus. Damit eignet sich in Konturen umgewandelter Text ideal für Logos, Icons, Social-Media-Grafiken, Aufkleber und E-Mail-Signaturen sowie für Maschinen, die nur Formen verstehen, etwa Laserschneider, Schneideplotter, CNC-Fräsen und Stickprogramme.
Die Layoutoptionen funktionieren wie eine kleine Textengine. Legen Sie die Schriftgröße in Pixeln fest, erweitern oder verringern Sie die Laufweite in Tausendstel eines Gevierts, wählen Sie die Zeilenhöhe für mehrzeiligen Text und richten Sie die Zeilen links, zentriert oder rechts aus. Unterschneidungspaare (Kerning) aus der Schrift werden automatisch angewendet. Die Füllfarbe wird in das SVG geschrieben, und Sie können die Anzahl der Nachkommastellen verringern, um die Datei kleiner zu machen — praktisch, wenn die Pfaddaten direkt in HTML, CSS oder eine React-Komponente eingefügt werden.
So wird das SVG erzeugt
Die Schrift wird mit opentype.js in Ihrem Browser geparst, und jede Textzeile wird in Zeichenbefehle umgewandelt — Bewegungen, Linien sowie quadratische oder kubische Bézierkurven —, die sich direkt der SVG-Pfadsyntax zuordnen lassen. Das Tool berechnet einen eng anliegenden Begrenzungsrahmen um die Glyphen, fügt etwas Innenabstand hinzu und setzt die viewBox, sodass sich das SVG sauber und ohne überflüssigen Leerraum skalieren lässt. Standardmäßig wird jede Zeile zu einem eigenen path-Element; haken Sie „Merge into a single path“ an, wenn Sie eine einzige zusammengesetzte Form wünschen. Die Vorschau ist die tatsächliche SVG-Datei, als Bild angezeigt — was Sie sehen, ist also genau das, was Sie herunterladen.
Nichts wird hochgeladen: Die Schrift und Ihr Text bleiben auf Ihrem Gerät. Die Umwandlung von Text in Konturen gilt allerdings als Nutzung der Schrift; stellen Sie daher sicher, dass ihre Lizenz die Grafiken oder Produkte abdeckt, die Sie erstellen. Die meisten Open-Source-Schriften erlauben dies, und viele kommerzielle Desktop-Lizenzen ebenfalls.
So verwenden Sie
- Schrift ladenZiehen Sie die TTF-, OTF-, WOFF- oder WOFF2-Schrift, die Sie verwenden möchten, in das Feld oder klicken Sie darauf, um eine Datei auszuwählen.
- Text eingebenGeben Sie eine oder mehrere Textzeilen ein. Drücken Sie die Eingabetaste für eine neue Zeile.
- Layout anpassenLegen Sie Schriftgröße, Laufweite, Zeilenhöhe, Ausrichtung, Füllfarbe und Anzahl der Nachkommastellen fest. Die Vorschau aktualisiert sich während der Eingabe.
- Kopieren oder herunterladenKopieren Sie das SVG-Markup oder nur die Pfaddaten, oder laden Sie eine gebrauchsfertige .svg-Datei herunter.
Häufig gestellte Fragen
Warum Text in Pfade umwandeln, statt ein SVG-Textelement zu verwenden?
<text>-Element benötigt die Schrift überall dort, wo die Datei angezeigt wird, installiert oder geladen. In Konturen umgewandelte Pfade sehen überall identisch aus — in Browsern, Designprogrammen, Laserschneidern und Plottern — ganz ohne Schriftdatei.