Di quanto si ridurrà la dimensione del file?

Dipende dal numero di caratteri, ma non è raro che un file di diversi megabyte venga ridotto a centinaia di kilobyte (oltre il 90% di riduzione) quando si estraggono alcune centinaia di caratteri da un font CJK.

I font caricati vengono salvati su un server?

No. L’intera elaborazione viene completata sul tuo computer tramite JavaScript nel browser (opentype.js), quindi anche i font commerciali altamente confidenziali possono essere usati in modo sicuro.

Posso usare il font con subset a scopo commerciale?

Questo strumento esegue solo il processo di subsetting. L’uso commerciale del font di output dipende dalla licenza del font originale. Controlla i termini di utilizzo del font originale.

Supportate l’output WOFF2?

Questo strumento genera file in formato TTF. Usa uno strumento dedicato separato per convertire in WOFF2 o altri formati.

Come posso evitare la mancanza di caratteri?

Se sono inclusi caratteri speciali come surrogate pairs o emoji, assicurati di inserirli manualmente nel campo dei caratteri personalizzati.

🔤

font subsetter,

Subsetting Font

Riduci le dimensioni dei file dei font estraendo
solo i caratteri di cui hai bisogno nel tuo browser.

✨

Alta Precisione

Estrazione con opentype.js

🔒

Completamente Offline

Sicuro, nessun caricamento su server

⚡

Configurazione Facile

Preset di caratteri versatili

1. Carica il File del Font

📁

Clicca o trascina per caricare un file del font

Supporta TTF / OTF / WOFF

Seleziona Preset (Multipli)

Aggiungi Caratteri Personalizzati

Caratteri di Destinazione (Caratteri unici finali) Conteggio: 0 caratteri

Potrebbe piacerti anche

📱

Generatore di immagini reattive

🎨

Ricerca icone SVG

🔤

Anteprima tipografica

about,

Panoramica dello Strumento

Font Subsetter è uno strumento per sviluppatori che crea un nuovo file di font leggero estraendo solo i caratteri specifici necessari dai file TTF, OTF o WOFF. È particolarmente efficace per font con un gran numero di glifi, come i font giapponesi o cinesi, in cui può ridurre le dimensioni del file di oltre il 90%, migliorando significativamente la velocità di caricamento del tuo sito (LCP, ecc.).

Questo strumento utilizza "opentype.js" per elaborare tutto direttamente all'interno del browser. I tuoi file di font non vengono mai caricati su alcun server esterno. Puoi elaborare in sicurezza anche font commerciali altamente confidenziali completamente offline.

how to,

Come Usare Font Subsetter

STEP 1

Carica il File del Font

Trascina e rilascia o clicca per selezionare il file del font (TTF/OTF, ecc.) che vuoi ottimizzare nell'area di caricamento in alto.

STEP 2

Seleziona Caratteri

Nella scheda "Caratteri di Destinazione", scegli preset (ASCII, Hiragana, ecc.) o inserisci direttamente i caratteri specifici che intendi usare.

STEP 3

Genera e Anteprima

Clicca su "Genera Subset" per l'elaborazione istantanea. Controlla la scheda "Anteprima" per vedere il font in azione e scaricalo se ti soddisfa.

glossary,

Glossario Correlato

Subsetting: Il processo di rimozione dei dati dei caratteri (glifi) non necessari da un file di font, lasciando solo i caratteri richiesti per ridurre la dimensione complessiva del file. Utilizzato principalmente per velocizzare i tempi di caricamento dei web font.
Glyph: La rappresentazione visiva o i dati sulla forma di un carattere. Un singolo file di font può contenere da migliaia a decine di migliaia di glifi, rendendo i font CJK (Cinese, Giapponese, Coreano) particolarmente grandi.
TTF (TrueType Font): Un formato standard di font outline sviluppato da Apple e Microsoft. È ampiamente supportato in vari ambienti, dall'editoria desktop alle applicazioni web.
OTF (OpenType Font): Sviluppato congiuntamente da Adobe e Microsoft, l'OTF è un'estensione del TTF. Supporta funzionalità tipografiche avanzate come legature e caratteri alternativi, rendendolo popolare per la tipografia professionale.
WOFF / WOFF2: Web Open Font Format, un formato ottimizzato (compresso) specificamente per i web font. WOFF2 offre tassi di compressione superiori ed è il formato consigliato per la distribuzione moderna dei web font.

faq,

Domande Frequenti (FAQ)

Q.Di quanto si ridurrà la dimensione del file?: Dipende dal numero di caratteri, ma non è raro che un file di diversi megabyte venga ridotto a centinaia di kilobyte (oltre il 90% di riduzione) quando si estraggono alcune centinaia di caratteri da un font CJK.
Q.I font caricati vengono salvati su un server?: No. L’intera elaborazione viene completata sul tuo computer tramite JavaScript nel browser (opentype.js), quindi anche i font commerciali altamente confidenziali possono essere usati in modo sicuro.
Q.Posso usare il font con subset a scopo commerciale?: Questo strumento esegue solo il processo di subsetting. L’uso commerciale del font di output dipende dalla licenza del font originale. Controlla i termini di utilizzo del font originale.
Q.Supportate l’output WOFF2?: Questo strumento genera file in formato TTF. Usa uno strumento dedicato separato per convertire in WOFF2 o altri formati.
Q.Come posso evitare la mancanza di caratteri?: Se sono inclusi caratteri speciali come surrogate pairs o emoji, assicurati di inserirli manualmente nel campo dei caratteri personalizzati.

use cases,

Casi d'Uso

Ecco alcuni scenari comuni in cui il subsetting dei font offre vantaggi significativi.

🚀

Prestazioni Web (Core Web Vitals)

Il caricamento di web font CJK da diversi megabyte blocca il rendering e ritarda gravemente la visibilità del testo (LCP e FCP).

Soluzione: Creando un subset del font per includere solo i caratteri specifici utilizzati sul tuo sito, puoi comprimere il file a poche centinaia di kilobyte, consentendo un rendering del testo quasi istantaneo.

📱

Sviluppo di App Mobili e Giochi

Le app mobili e i giochi affrontano rigidi limiti di dimensioni di download e vincoli di archiviazione, richiedendo un'ottimizzazione costante degli asset.

Soluzione: Raggruppa un font con subset contenente solo i glifi necessari per la tua UI e il testo statico per ridurre significativamente l'impronta complessiva dell'applicazione.

📄

Tipografia per Landing Page (LP)

Quando desideri utilizzare font dal design pesante e stilizzato per slogan e intestazioni su una LP di campagna senza sacrificare la velocità di caricamento.

Soluzione: Crea un font ultraleggero contenente solo le poche decine di caratteri utilizzati nelle tue intestazioni, offrendo una tipografia meravigliosa istantaneamente.

✉️

Email HTML e Incorporamento in EPUB

Le email HTML limitano il caricamento di risorse esterne e gli eBook EPUB hanno rigide limitazioni alle dimensioni dei file per gli asset incorporati.

Soluzione: Codifica in Base64 un font minimo con subset direttamente nel tuo HTML o EPUB per garantire una tipografia coerente senza violare i limiti di dimensione o le restrizioni di recupero esterne.

technology,

Implementazione Tecnica

Manipolazione dei Font Lato Client con opentype.js

Questo strumento è alimentato dalla libreria open source opentype.js. L'intero processo—l'analisi del file del font, l'estrazione dei glifi richiesti e la generazione di un file del font appena ricostruito—viene eseguito interamente all'interno del motore JavaScript del tuo browser.

A differenza dei processori di font lato server, questo approccio elimina la necessità di caricare e scaricare file di font massicci in rete, con conseguenti tempi di elaborazione molto più rapidi. Ancora più importante, garantisce privacy e sicurezza complete, poiché i tuoi file di font (comprese le licenze commerciali) non lasciano mai il tuo dispositivo.