SVG / Lettering

Testo in SVG: contorni e tracciati dei font

Converti il testo in tracciati SVG con i font latini inclusi oppure con un file TTF, OTF o WOFF locale. Regola dimensione, spaziatura tra lettere, altezza delle righe, allineamento e colori, poi scarica SVG o PNG.

Testo in SVG: contorni e tracciati dei font: Scrivi il testo, scegli uno dei font inclusi oppure carica il tuo file TTF, OTF o WOFF: le lettere vengono trasformate in contorni SVG, così il risultato appare uguale ovunque anche senza il font installato. Regola dimensione, spaziatura tra lettere, altezza delle righe, allineamento, riempimento e contorno, poi copia l'SVG o scarica SVG o PNG. Funziona al 100% localmente nel browser, senza caricare file sul server.

Categoria
Strumenti per sviluppatori
Esecuzioni
Nel browser
Costo
Gratuito · senza registrazione
Disponibilità
Pronto all'uso
Da testo a tracciati SVGElaborazione locale

Funziona interamente nel browser

TTF, OTF o WOFF · fino a 10 MB

Caricamento del font…

Il tuo testo inizia qui.Inserisci il testo per creare contorni modificabili.

I font latini inclusi usano la licenza SIL Open Font. I font caricati restano sul dispositivo; sei responsabile delle relative licenze. Il kerning è attivo. La resa degli script complessi dipende dal font e dal parser. Le esportazioni PNG sono limitate a 4096 pixel sul lato più lungo.

Modifica forme SVG

Tracciati SVG

La specifica dei tracciati SVG 2 definisce i comandi dei tracciati e i sottotracciati chiusi. https://www.w3.org/TR/SVG2/paths.html

Parser dei font

I font vengono letti nel browser con opentype.js 2.0.0, una libreria open source con licenza MIT. I file WOFF2 non sono supportati; convertili prima in WOFF, TTF o OTF. Alcune funzioni avanzate dei font, come le alternative contestuali e alcune tabelle di kerning, non vengono applicate, quindi la spaziatura può differire leggermente da quella di un programma di videoscrittura. https://github.com/opentypejs/opentype.js

Origini dei font inclusi

Le risorse WOFF latine non modificate provengono dai pacchetti Fontsource: https://fontsource.org/fonts/inter ; https://fontsource.org/fonts/oswald ; https://fontsource.org/fonts/pacifico ; https://fontsource.org/fonts/lobster . L'avviso sul copyright di ogni font e il testo completo della licenza SIL Open Font sono pubblicati insieme ai file dei font.

Come usarlo

  1. Inserisci il testo e scegli un font incluso oppure trascina il tuo file di font.
  2. Imposta dimensione, spaziatura, allineamento, riempimento e contorno, quindi controlla i contorni.
  3. Copia o scarica i tracciati SVG oppure esporta un PNG.

Privacy e limitazioni

Il testo e i font caricati restano nel browser. I file WOFF inclusi vengono caricati da questo sito; non viene usato alcun servizio esterno per i font.

Strumenti correlati

Editor SVGonda SVGblob SVG

Domande frequenti

Quali font sono inclusi?

Inter e Oswald in versione regular e bold, oltre a Pacifico e Lobster in versione regular. Questi sottoinsiemi latini vengono ridistribuiti senza modifiche secondo la SIL OFL 1,1. Ogni licenza si trova in /fonts/text-to-svg/. Le licenze dei font caricati sono sotto la tua responsabilità.

Perché alcune scritte possono differire da quelle della mia applicazione di design?

Il parser supporta solo alcune tabelle di composizione e posizionamento. Le sostituzioni contestuali non supportate usano direttamente i glifi dei caratteri; un avviso identifica questa limitazione. Alcuni font, tra cui Inter, hanno tabelle di posizionamento le cui coppie di crenatura potrebbero non essere disponibili. Gli alfabeti complessi e i font a colori possono apparire diversi.

L'SVG contiene testo modificabile?

No. Contiene contorni e non ha bisogno del font originale per essere visualizzato. Le righe vuote influiscono sulla spaziatura della linea di base, mentre il viewBox ritaglia l'inchiostro visibile. L'output PNG è limitato a 4096 pixel sul lato più lungo.

Strumento gratuito · nel browser esecuzioni · senza account