TTF, OTF o WOFF: quale formato font scegliere per PC e web

TrueType è il più vecchio dei quattro. Apple lo introdusse con System 7 nel 1991 e Microsoft lo adottò per Windows 3.1 l'anno successivo. Un font TrueType descrive ogni lettera con curve quadratiche, che hanno un solo punto di controllo per segmento curvo ed erano poco costose da disegnare sui primi hardware. Include anche l'hinting: piccoli programmi interni al font che allineano aste e curve alla griglia dei pixel, così il testo resta nitido sugli schermi a bassa risoluzione. L'estensione .ttf indica ancora i font con questi contorni quadratici.

OpenType, annunciato da Microsoft e Adobe nel 1996, è un contenitore più che un nuovo tipo di contorno. Può contenere contorni TrueType oppure contorni PostScript archiviati in una tabella CFF, che usano curve cubiche con due punti di controllo per segmento. Intorno ai contorni aggiunge tabelle di layout per la tipografia avanzata: legature standard e discrezionali, maiuscoletto, numeri old-style, set stilistici, alternative contestuali e crenatura. Per convenzione un font OpenType basato su CFF si salva come .otf, mentre un font OpenType con contorni TrueType mantiene l'estensione .ttf.

WOFF e WOFF2 sono contenitori pensati per il web. WOFF fu abbozzato nel 2009 e divenne Raccomandazione W3C nel 2012; comprime ogni tabella del font con zlib. WOFF2 divenne Raccomandazione W3C nel 2018, passò a Brotli e preelabora prima i dati dei glifi, e di solito risulta circa il 30% più piccolo di WOFF. Tre formati collaterali completano il quadro. EOT era il formato web proprietario di Internet Explorer, i font SVG furono una soluzione provvisoria dei primi tempi, solo per Safari, e i font variabili, introdotti in OpenType 1.8 nel 2016, racchiudono in un solo file un'intera gamma di pesi o larghezze.

Installare TTF o OTF senza preoccuparsi di quale sia. Windows 10 e 11 installano entrambi con clic destro e Installa, macOS li apre entrambi in Libro Font e i desktop Linux li rilevano da ~/.local/share/fonts dopo l'aggiornamento della cache dei font. Word, Photoshop, l'app desktop di Figma, Affinity e LibreOffice leggono entrambi. Se un designer invia la stessa famiglia in entrambe le versioni, l'OTF è di solito quella disegnata dal type designer, mentre il TTF è una conversione per software meno recenti.

I casi in cui la differenza conta sono pochi. Alcuni programmi per plotter da taglio e ricamo, motori di gioco e librerie di display per microcontrollori comprendono solo contorni TrueType, quindi un OTF basato su CFF appare rovinato e va convertito da OTF a TTF. In senso opposto, su un desktop nulla installa direttamente WOFF o WOFF2: quei file sono pensati per i browser. Installare una sola versione di una famiglia, perché un TTF e un OTF con lo stesso nome interno confondono i menu dei font e le app possono scegliere quello sbagliato.

Tutte le versioni attuali di Chrome, Edge, Firefox e Safari leggono WOFF2, quindi dovrebbe essere la prima e spesso l'unica sorgente nella regola @font-face. Aggiungere una riga WOFF dopo di essa solo se le statistiche mostrano ancora browser precedenti al 2016 circa, come vecchie WebView Android o browser di TV integrati. Il browser scorre l'elenco src in ordine e scarica il primo formato supportato, quindi l'alternativa non costa nulla ai visitatori con browser moderni. Se si ha già il file TrueType per il desktop, TTF in WOFF produce quell'alternativa in un solo passaggio.

Evitare di servire TTF o OTF grezzi su un sito, a meno che una piattaforma non lo imponga, come fanno alcuni builder di email e vecchi sistemi di gestione dei contenuti. I browser li mostrano correttamente, ma i file viaggiano non compressi se il server non applica gzip ai font, e offrono a chiunque una copia desktop pronta da installare. La riga font-display: swap qui sotto indica al browser di mostrare subito il testo con un font di riserva e di passare al proprio font appena arriva, invece di nascondere il testo fino a 3 secondi nell'attesa.

Ospitare i file sul proprio dominio quando possibile. Chrome, Safari e Firefox ora separano le cache per sito, quindi un font scaricato da una CDN condivisa non viene più riutilizzato tra siti diversi, e l'hosting autonomo risparmia una ricerca DNS e una connessione. Aggiungere <link rel="preload"> solo per uno o due pesi usati nella parte visibile della pagina; precaricare ogni stile compete con le immagini per la banda.

Un singolo peso di testo latino salvato come WOFF2 pesa in genere 20–60 KB. Lo stesso font come TTF non compresso è spesso da due a tre volte più grande, e una famiglia che copre anche greco, cirillico e vietnamita può superare i 200 KB per stile. I font cinesi, giapponesi e coreani sono un'altra scala: un peso CJK completo contiene decine di migliaia di glifi e di solito arriva a diversi megabyte anche dopo la compressione WOFF2, troppo per caricarlo prima che la pagina possa mostrare il testo.

Il subsetting rimuove i caratteri che una pagina non usa mai, e unicode-range indica al browser quali caratteri copre un file, così lo scarica solo quando la pagina li contiene davvero. Google Fonts usa esattamente questo metodo per il CJK, dividendo ogni famiglia in tante piccole parti caricate su richiesta. Per i propri font, l'opzione Caratteri da mantenere del convertitore di font riduce un file a Latin + accents o Solo i caratteri digitati prima che arrivi al server; per ciò che si installa su un computer, mantenere Tutti i caratteri.

Da TTF a OTF e viceversa è un semplice cambio di contenitore per i font di tipo TrueType: tabella dei contorni, metriche e funzioni di layout passano invariate. Il caso interessante è un OTF basato su CFF convertito in TTF. Le curve cubiche non si possono copiare in un formato di contorni quadratici, quindi ogni curva viene ridisegnata come uno o più segmenti quadratici con una tolleranza molto inferiore a un pixel. Neppure gli hint PostScript sono traducibili, ed è per questo che lo strumento da OTF a TTF offre Hinting come Mantieni, Rimuovi o Auto-hint.

Passare dal web al desktop è la conversione più comune. Si scarica un tema o un kit grafico, si trovano solo file .woff o .woff2 e serve il font in Word o Figma. WOFF in TTF elimina la compressione e riscrive le tabelle originali, quindi glifi, crenatura e funzioni escono come sono entrati. Ciò che non si può recuperare è quanto la versione web aveva già perso, come i caratteri rimossi dal subsetting o gli hint eliminati per risparmiare byte.

La maggior parte dei problemi di conversione deriva da tre cose: hinting, funzioni di layout e assi variabili. L'elenco qui sotto riporta i sintomi che si notano dopo la conversione e la causa abituale di ciascuno.

Un file di font è un piccolo database, e tre sue parti rispondono alla maggior parte delle domande. La tabella name contiene il nome della famiglia, il nome dello stile, la versione, la riga del copyright e spesso l'URL della licenza; Libro Font di macOS la mostra nella vista informazioni e l'anteprima font di Windows mostra le prime righe. La copertura dei glifi indica quali lingue il font può comporre: un font solo latino ricade silenziosamente su un altro carattere per i caratteri polacchi, turchi o vietnamiti che gli mancano. Per un font variabile, la tabella fvar elenca gli assi, come il peso da 100 a 900 o la larghezza da 75 a 125.

Vale la pena dare un'occhiata alla licenza prima di pubblicare qualcosa online. Le fonderie commerciali vendono spesso licenze separate per desktop, web e app, e una licenza desktop di solito copre l'installazione su un numero fisso di computer ma non la distribuzione del file ai visitatori di un sito né l'inclusione in un'app mobile. Convertire un font cambia il formato del file, mai la licenza, quindi un WOFF2 ottenuto da un TTF desktop ha le stesse condizioni del TTF. I font con licenza SIL Open Font License, che copre la maggior parte di Google Fonts, possono essere convertiti, ridotti con subsetting e ospitati in proprio.

La maggior parte delle domande sui font si riduce a dove risiederà il file. Se è installato su un computer o incluso in un'app, usare TrueType o OpenType; se lo scarica un browser, usare i contenitori web compressi. La tabella associa i compiti più comuni al formato da scegliere e alla conversione per arrivarci, così si può saltare la storia e andare dritti al file che serve.

Due casi stanno a metà tra le categorie. EPUB 3 accetta TTF, OTF e WOFF, quindi gli ebook possono usare entrambe le famiglie di formati, e i file di font SVG appartengono alla stessa linea della grafica vettoriale ma oggi interessano soprattutto alcuni software per plotter e incisione, non i browser.