FT Font Tools

Convertitore da testo a tracciato SVG

Converti il testo in tracciati SVG vettoriali usando il tuo font TTF, OTF, WOFF o WOFF2. Imposta dimensione, spaziatura tra le lettere, interlinea e allineamento, poi copia o scarica l'SVG — nessun caricamento.

🔒 Funziona interamente nel tuo browser — nulla viene caricato

Drop 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.

Advertisement

Trasforma qualsiasi testo in contorni vettoriali

Questo convertitore prende un file di font e un testo e produce un SVG in cui ogni lettera è un tracciato vettoriale. Il risultato non dipende più dall'installazione del font, quindi appare esattamente uguale su ogni dispositivo e in ogni programma. Per questo il testo convertito in contorni è ideale per loghi, icone, grafiche per i social media, adesivi e firme email, e per le macchine che comprendono solo forme, come laser cutter, plotter da taglio per vinile, frese CNC e software di ricamo.

Le opzioni di impaginazione funzionano come un piccolo motore tipografico. Imposta la dimensione del font in pixel, aumenta o riduci la spaziatura tra le lettere in millesimi di em, scegli l'interlinea per il testo su più righe e allinea le righe a sinistra, al centro o a destra. Le coppie di crenatura del font vengono applicate automaticamente. Il colore di riempimento viene scritto nell'SVG e puoi ridurre il numero di cifre decimali per rendere il file più leggero, cosa utile quando i dati del tracciato finiscono direttamente in HTML, CSS o in un componente React.

Come viene costruito l'SVG

Il font viene analizzato con opentype.js nel browser e ogni riga di testo viene convertita in comandi di disegno — spostamenti, linee e curve di Bézier quadratiche o cubiche — che corrispondono direttamente alla sintassi dei tracciati SVG. Lo strumento calcola un riquadro di delimitazione aderente attorno ai glifi, aggiunge un piccolo margine e imposta il viewBox, così l'SVG si ridimensiona in modo pulito senza spazi bianchi superflui. Per impostazione predefinita ogni riga diventa un elemento path separato; seleziona «Merge into a single path» se vuoi un'unica forma composta. L'anteprima è il file SVG vero e proprio mostrato come immagine, quindi ciò che vedi è esattamente ciò che scarichi.

Nulla viene caricato: il font e il tuo testo restano sul tuo dispositivo. Convertire il testo in contorni conta comunque come utilizzo del font, quindi assicurati che la sua licenza copra le grafiche o i prodotti che crei. La maggior parte dei font open source lo consente, così come molte licenze desktop commerciali.

Come usare

  1. Carica un fontTrascina il font TTF, OTF, WOFF o WOFF2 che vuoi usare oppure fai clic sul riquadro per sfogliare.
  2. Digita il testoInserisci una o più righe di testo. Premi Invio per andare a capo.
  3. Regola l'impaginazioneImposta dimensione del font, spaziatura tra le lettere, interlinea, allineamento, colore di riempimento e numero di decimali. L'anteprima si aggiorna mentre scrivi.
  4. Copia o scaricaCopia il markup SVG o solo i dati del tracciato, oppure scarica un file .svg pronto all'uso.

Domande frequenti

Perché convertire il testo in tracciati invece di usare un elemento di testo SVG?
Un elemento SVG <text> richiede che il font sia installato o caricato ovunque il file venga visualizzato. I tracciati dei contorni appaiono identici ovunque — nei browser, negli strumenti di design, nei laser cutter e nei plotter — senza alcun file di font.
Il testo si può ancora modificare dopo la conversione?
Non come testo. Le lettere diventano forme vettoriali. Conserva il testo originale e le impostazioni, così potrai generare un nuovo SVG se il testo cambia.
Viene applicata la crenatura?
Sì, quando il font contiene dati di crenatura e l'opzione Kerning è selezionata. La spaziatura tra le lettere viene aggiunta in più, misurata in millesimi di em, la stessa unità che le app di design usano per il tracking.
Supporta le scritture da destra a sinistra o complesse?
Latino di base, cirillico, greco e scritture simili funzionano bene. Le scritture arabe, ebraiche e indiane richiedono un text shaping completo, che questo strumento non esegue, quindi le lettere potrebbero non unirsi o non essere riordinate correttamente.
Advertisement