Web Open Font Format (WOFF) è un formato di file per i caratteri web sviluppato da Mozilla. Un file WOFF può contenere file TTF e OTF compressi, nonché informazioni sulla licenza e altri metadati. Ecco cosa devi sapere su WOFF.
Le informazioni in questo articolo si applicano ai file WOFF e WOFF2.
Che cos'è un file WOFF?
Simili ai file ZIP, i file WOFF fungono da contenitori per altri file, in particolare i file TrueType Font (TTF) e OpenType Font (OTF). Questi tipi di file offrono ai web designer la possibilità di utilizzare caratteri al di fuori dei caratteri standard presenti sulla maggior parte dei computer.
WOFF è stato sostituito dal formato WOFF2. WOFF2 offre algoritmi di compressione ancora migliori, che riducono la dimensione del file originale di un ulteriore 30 percento. Pertanto, i file WOFF2 occupano meno larghezza di banda e si caricano ancora più velocemente. I file WOFF hanno l'estensione .woff, mentre i file WOFF2 hanno l'estensione .woff2.
Come funzionano i file WOFF?
Praticamente tutte le pagine web utilizzano Cascading Style Sheets (CSS) per definire il layout di HTML e altri elementi sullo schermo. Ad esempio, gli sviluppatori possono utilizzare CCS per modificare i caratteri Web facendo riferimento a caratteri già installati sul computer dell'utente. Tuttavia, se il tuo PC o browser non supporta un carattere, apparirà come un carattere diverso o non verrà caricato affatto a seconda di come è impostato lo stack di caratteri della pagina.
Per evitare questo problema, i caratteri personalizzati possono essere memorizzati in un file WOFF, che viene salvato su un server con tutti gli altri elementi della pagina web. Il designer può quindi utilizzare la proprietà CSS @ font-face per fare riferimento al file WOFF ed eseguire il rendering del carattere nel browser.
Google Chrome, Firefox, Microsoft Edge, Opera e Safari supportano tutti il formato WOFF, ma potrebbe essere necessario aggiornare il browser Web all'ultima versione.
Vantaggi di WOFF
Oltre ad ampliare i tipi di caratteri disponibili per gli sviluppatori web, l'utilizzo di file WOFF presenta numerosi vantaggi. Per esempio:
- Compressione: Poiché i file WOFF sono compressi, vengono caricati più velocemente di altri tipi di file di font.
- Supporto HTML e CSS: A differenza dei file di immagine, i file WOFF possono essere stilizzati con HTML e CSS.
- SEO (Search Engine Optimisation): I caratteri WOFF sono migliori per l'ottimizzazione dei motori di ricerca (SEO) rispetto alle immagini di testo.
- Rendering ottimizzato: I file WOFF includono informazioni tipografiche comprese forme contestuali e figure vecchio stile, consentendo un rendering ottimale su tutti i dispositivi.
- Accessibilità del sito web: I file WOFF rendono i siti più accessibili poiché il testo può essere letto ad alta voce e le immagini del testo no.
- Incorporare: I caratteri WOFF aiutano con l'internazionalizzazione consentendo di incorporare caratteri con caratteri di altre lingue.
Crea i tuoi caratteri WOFF
Gli editor di caratteri come FontForge ti consentono di progettare i tuoi set di caratteri ed esportarli come file WOFF. Puoi anche convertire WOFF in file TTF o OTF usando FontForge. Se hai un editor di caratteri diverso che ti piace che supporta solo TTF o OTF, puoi utilizzare lo strumento sfnt2woff per convertire i caratteri in file WOFF.
Open Font Library e Font Squirrel hanno centinaia di font nel formato WOFF che sono gratuiti per uso commerciale e non commerciale.