Convertitore di font — TTF, OTF, WOFF, WOFF2 online
Converti font tra TTF, OTF, WOFF, WOFF2, EOT e SVG direttamente nel browser. Conversione in blocco, confronto delle dimensioni e una regola CSS @font-face pronta da incollare — nessun caricamento.
🔒 Funziona interamente nel tuo browser — nulla viene caricatoConverti i font per il web nel tuo browser
Questo convertitore di font trasforma i file di caratteri desktop e legacy nei formati che browser e strumenti di design si aspettano. Trascina un font TTF o OTF per creare file WOFF2 e WOFF compressi per il tuo sito web, decomprimi un file WOFF2 per ottenere di nuovo un TTF installabile, oppure ricostruisci vecchi font EOT e SVG provenienti da progetti web datati. Puoi aggiungere molti file contemporaneamente: ogni font viene elaborato a turno e per ogni file generato vengono mostrate la dimensione e la differenza, in più o in meno, rispetto all'originale. Tutto funziona localmente con JavaScript e WebAssembly — nella pagina viene caricato lo stesso encoder WOFF2 di Google utilizzato dalle fonderie di caratteri, quindi nulla viene caricato su un server.
Quando possibile, il convertitore lavora senza perdita di qualità. Incapsulare un font come WOFF o WOFF2 mantiene i contorni TrueType o CFF originali, l'hinting e le funzionalità OpenType esattamente come erano; cambia soltanto la compressione. Convertire font OTF basati su CFF in TTF, EOT o SVG ricostruisce i contorni come curve quadratiche, un risultato visivamente equivalente che però perde l'hinting PostScript.
I formati dei font spiegati
TTF (TrueType) e OTF (OpenType con contorni CFF) sono i formati desktop che installi sul tuo computer. WOFF racchiude gli stessi dati con la compressione zlib, mentre WOFF2 usa Brotli insieme a trasformazioni specifiche per i font, risparmiando in genere un ulteriore 30%. WOFF2 è supportato da tutti i browser moderni, quindi per la maggior parte dei siti basta un solo file WOFF2. EOT era usato soltanto da Internet Explorer e i font SVG dalle vecchie versioni di Safari su iOS; generali solo se gestisci pagine legacy.
Usa la regola @font-face generata
Dopo la conversione, lo strumento scrive una regola @font-face per ogni font, con nome della famiglia, peso e stile letti direttamente dal font. Le sorgenti sono ordinate dalla migliore, così i browser scaricano WOFF2 quando possono. Imposta la cartella in cui caricherai i file e scegli una strategia font-display — swap mostra subito il testo con il font di riserva e lo sostituisce quando arriva il web font. Prima della pubblicazione, assicurati che la licenza del font consenta l'incorporamento sul web e la conversione di formato.
Come usare
- Aggiungi i tuoi fontTrascina nel riquadro uno o più file di font TTF, OTF, WOFF, WOFF2, EOT o SVG, oppure fai clic per sfogliare.
- Scegli i formati di outputSeleziona tutti i formati di cui hai bisogno — WOFF2 e WOFF sono selezionati per impostazione predefinita perché sono la scelta migliore per i siti web.
- ConvertiPremi «Convert». Ogni font viene decodificato e ricodificato localmente e viene mostrata la variazione di dimensione di ogni file generato.
- Scarica e incolla il CSSScarica i file uno alla volta o tutti insieme, poi copia la regola @font-face generata nel tuo foglio di stile.