Convertire TTF in WOFF

Solo quando qualcosa a valle rifiuta l'alternativa. I temi WordPress con un caricatore di font personalizzato, i pannelli font dei page builder, le configurazioni Sass e Gulp più vecchie, e le guide di stile interne scritte quando lo stack di fallback era ancora standard nominano tutti .woff esplicitamente e trattano qualsiasi altra cosa come file non valido.

È un vincolo reale e merita una risposta diretta invece di una lezione. Si converte, si carica, si va avanti. Se si controlla il foglio di stile e nulla impone la scelta, si converte in WOFF2 invece e ci si ferma lì — il contenitore più vecchio non ha più alcun vantaggio da offrire.

WOFF e WOFF2 sono la stessa idea implementata a otto anni di distanza. WOFF avvolge le tabelle font e le deflaziona con zlib. WOFF2 riordina prima le tabelle, in un modo specifico a come sono strutturati i dati font, e poi comprime con Brotli. Il secondo approccio arriva circa il trenta per cento sotto il primo sullo stesso font.

Su un singolo sottoinsieme da 25 KB sono sette kilobyte, non degni di una discussione. Su una famiglia non ridotta di sei pesi servita a ogni visitatore è reale, e si somma al fatto che i font bloccano il rendering del testo mentre si scaricano. La differenza di dimensione è l'unica differenza: nessuno dei due contenitori tocca un glifo.

I campi di caricamento vogliono quasi sempre un file per peso e stile, con il peso dichiarato accanto. Una famiglia caricata come un singolo file regular e poi usata in grassetto produce grassetto sintetizzato — il browser che sfoca i contorni regular — cosa che sembra sbagliata in un modo difficile da nominare e facile da vedere affiancata.

L'altra trappola ricorrente è il nome della famiglia. Molti pannelli usano il nome digitato invece del nome dentro il font, e un disallineamento tra ciò che il tema scrive nella regola @font-face e ciò a cui il CSS altrove fa riferimento lascia la pagina silenziosamente su un font di sistema. Se il carattere non è cambiato dopo il caricamento, è la prima cosa da controllare.

Un WOFF elencato dopo un WOFF2 nella stessa regola @font-face non viene scaricato da nessuno. Ogni browser attuale prende la prima sorgente che capisce, e ogni browser attuale capisce WOFF2, quindi la seconda voce è un file che esiste per essere dimenticato.

È peggio che innocuo. Quando il carattere tipografico viene aggiornato il WOFF2 viene sostituito e il WOFF no, e la copia obsoleta resta sul server pronta a essere servita nel momento in cui qualcuno riordina la regola o uno strumento la riscrive. Se WOFF è richiesto, si serve WOFF da solo; se non lo è, lo si cancella.

Mettere un font su un server web è uso web, che il file abbia estensione .woff, .woff2 o .ttf. Una licenza desktop tipicamente copre un numero dichiarato di macchine e il lavoro prodotto su di esse, e si ferma lì. Le licenze web si vendono separatamente e sono comunemente prezzate per visualizzazioni pagina mensili, motivo per cui convertire silenziosamente è un errore così comune e così costoso.

La SIL Open Font License è l'eccezione ben segnalata e copre gran parte di ciò che i siti di font gratuiti distribuiscono: conversione, sottoinsiemi e self-hosting sono tutti permessi, a condizione che il font non venga venduto da solo e i nomi riservati non vengano riutilizzati. Il file di licenza viaggia nel download ed è di solito una pagina.

Tutto. I contorni quadratici nella tabella glyf, la mappa caratteri, le metriche orizzontali, il kerning e ogni funzione OpenType definita dal designer vengono copiati senza ispezione. WOFF è un involucro di compressione, non un filtro.

Include le parti che si vorrebbero perdere. Le istruzioni di hinting, la copertura linguistica inutilizzata e qualsiasi metadato incorporato dalla fonderia viaggiano tutti con il font, e il WOFF è corrispondentemente più grande di quanto necessario. Rimuoverli è un lavoro di sottoinsieme, fatto prima di questa conversione piuttosto che da essa.

I web font vengono serviti con vite di cache lunghe perché cambiano quasi mai. È giusto fino al giorno in cui il carattere viene aggiornato, momento in cui un visitatore con il vecchio file in cache lo mantiene — a volte per un anno — e vede una versione del sito che nessuno sta più guardando.

Il rimedio è lo stesso usato per i fogli di stile: si mette un hash o una versione nel nome del file e la si cambia quando il font cambia. Un caricatore di temi che gestisce i nomi file per conto proprio di solito lo fa già; una regola @font-face scritta a mano che punta a fonts/brand.woff no, ed è quel file che resterà obsoleto la prossima primavera.

WOFF è arrivato nel 2009 come specifica W3C e ha fatto qualcosa in cui i tentativi precedenti avevano fallito: ha dato alle fonderie un contenitore chiaramente un font web piuttosto che un file desktop ridistribuibile, e ha dato ai browser un formato invece di quattro. Ecco perché la tipografia web ha smesso di essere una novità intorno al 2011.

WOFF 2.0 è diventato una raccomandazione nel 2018 e ha preso il sopravvento completamente, e la prima versione è ora marcata legacy per una buona ragione. I browser che leggevano WOFF e non WOFF2 sono fuori supporto da anni, e gli stack di fallback scritti per essi sopravvivono principalmente in snippet copiati e documentazione di temi.

Una famiglia raramente è un file solo. Si trascina l'intera cartella e fino a 100 font convertono in un passaggio, tornando come ZIP con i nomi conservati, ciò che rende sopportabile il lavoro di caricamento su un tema — sei pesi sono sei caricamenti comunque, ma non sono sei conversioni.

Il lavoro è fatto da fontTools sul nostro server piuttosto che nel browser, quindi ogni file viaggia su una connessione cifrata e la directory di lavoro viene eliminata quando il lavoro finisce. La quota gratuita è 100 conversioni server al giorno e 25 MB per file; una famiglia font ne usa una manciata della prima e nessuno della seconda.