Convertire OTF in WOFF2

La differenza pratica tra un OTF e un TTF è quale tipo di contorno sta dentro: curve di Bézier cubiche in una tabella CFF per l’OTF, quadratiche in una tabella glyf per il TTF. Entrambi sono coperti dalla stessa norma ISO, entrambi si installano identicamente, e nessuno dei due è di qualità superiore in virtù della sua estensione.

WOFF2 porta l’uno o l’altro senza preoccuparsi. La conversione imposta un “flavour” sul contenitore e comprime; la tabella CFF arriva al browser identica byte per byte a quella nell’OTF. Questo decide anche cosa succede se il file viene scompattato di nuovo — un WOFF2 con curve CFF diventa un OTF, mai un TTF.

Comprare una licenza web da una fonderia commerciale di solito include file web: WOFF2 già prodotto, spesso già suddiviso in pacchetti di set di caratteri e talvolta hintato diversamente per il rendering su schermo.

Sono file migliori di una conversione dell’OTF desktop, e li avete già pagati. Controllate l’account o l’email di consegna prima di convertire qualunque cosa. La conversione è la strada giusta per famiglie a licenza aperta, per un font commissionato come pezzo unico, e per il caso in cui la fonderia spedisca solo file desktop.

Legature discrezionali, vere maiuscoletto, alternative stilistiche, svolazzi, cifre old-style e tabulari vivono tutte in tabelle di funzionalità dentro il font, e ognuna viene copiata nel WOFF2 senza alterazioni. Nulla si perde nel trasporto.

Ciò che è facile perdere è che un browser ne applica quasi nessuna da solo. Le legature standard sono attive per default e il resto aspetta una dichiarazione — font-variant-caps per le maiuscoletto, font-variant-numeric per gli stili di cifre, font-feature-settings per qualunque cosa abbia solo un tag a quattro lettere.

Sono le due che più spesso decidono se un sito web sembra l’identità stampata. Le vere maiuscoletto sono disegnate come glifi propri con un proprio peso; la versione sintetica del browser semplicemente scala le maiuscole verso il basso e viene fuori esile e troppo stretta. Le cifre old-style siedono sulla linea di base con ascendenti e discendenti e si leggono come testo piuttosto che come dato.

Entrambe sono presenti nella maggior parte delle release OTF serie ed entrambe invisibili finché non richieste. Se un sito viene confrontato con una brochure e qualcosa sembra sottilmente sbagliato nei titoli e nelle date, di solito è qui — non nella conversione, e non nel font.

Le fonderie vendono desktop e web separatamente, e una licenza web è comunemente a fasce per visualizzazioni di pagina mensili: un portfolio e un grande rivenditore pagano diversamente lo stesso font. Il file che caricate è identico in entrambi i casi, quindi nulla nella conversione vi dice in quale fascia siete.

Conta perché il passo tecnico dura trenta secondi e non avvisa. Un OTF desktop convertito su un server pubblico è il modo ordinario in cui una licenza viene violata, e chi ha firmato l’accordo è di solito il designer piuttosto che lo sviluppatore che ha caricato. Le famiglie a licenza SIL Open Font License sono il caso pulito.

Un font variabile memorizza un solo insieme di contorni più le regole per interpolare tra estremi di design, così un singolo file copre un intervallo continuo di pesi invece di sei tagli discreti. I browser lo raggiungono tramite normali valori font-weight e tramite font-variation-settings per gli assi meno comuni.

È il caso in cui l’involucro WOFF2 guadagna di più. I dati di interpolazione comprimono bene, e un WOFF2 variabile spesso arriva sotto due o tre dei pesi statici che sostituisce, dando anche pesi mai tagliati. Controllate la licenza separatamente — alcune fonderie tariffano le release variabili come prodotto a sé.

Il subsetting è il passo che riduce davvero il peso della pagina, e su un OTF ricco di funzionalità è anche il passo che può silenziosamente annullare la ragione per cui il font è stato scelto. Un subsetter a cui è chiesto di tenere solo i caratteri trovati nel contenuto della pagina vede i glifi maiuscoletto e alternativi come inutilizzati.

Se ne vanno, e le tabelle di funzionalità che li puntavano se ne vanno con loro, e il CSS che attiva le maiuscoletto allora non fa nulla del tutto. Ogni subsetter serio ha un flag per mantenere funzionalità o una lista di glifi nominata; usatelo, e verificate il risultato prima che sostituisca il file in produzione.

Una breve pagina di prova vale la pena costruirla una volta e riusarla su ogni progetto: un paragrafo di testo corrente, un titolo, una riga di maiuscoletto, una data in cifre old-style, un importo in valuta, e qualunque carattere accentato richiedano le lingue del sito.

Guardatela in un browser alle dimensioni che il design usa davvero. Quasi ogni problema attribuito alla conversione si rivela un peso @font-face mancante, un subsetter che ha rimosso qualcosa, o una funzionalità mai attivata — tutti e tre visibili in dieci secondi su una pagina così.

Il WOFF2 è un artefatto di consegna. L’OTF è il font che avete concesso in licenza, quello che si installa su un desktop per il lavoro di stampa, e quello da cui ogni futuro file web dovrebbe essere generato. Conservatelo con il documento di licenza accanto, perché la licenza è la parte che si perde.

La conversione stessa gira sul nostro server piuttosto che nel browser, dato che fontTools non ha una build browser. Il file passa su una connessione crittata, viene convertito in un ambiente isolato e la directory di lavoro viene cancellata quando il lavoro finisce. Il tetto gratuito è 25 MB per file.