TTF

TrueType Font — il formato di font binario standard del settore sviluppato da Apple e Microsoft.

Che cos'è TTF?

TrueType è stato sviluppato da Apple alla fine degli anni '80 come alternativa ai font PostScript Type 1 di Adobe, ed è stato successivamente adottato da Microsoft per Windows. Memorizza i contorni dei glifi come curve di Bézier quadratiche, che sono computazionalmente più semplici (e più veloci da rasterizzare) rispetto alle curve cubiche utilizzate da PostScript.

TTF è diventato rapidamente il formato di font universale sia per macOS che per Windows. Per oltre due decenni è stato il modo standard per distribuire i font — dai font di sistema ai caratteri tipografici personalizzati. Sebbene WOFF/WOFF2 abbiano largamente sostituito TTF per la distribuzione web, TTF rimane la base su cui sono costruiti tutti i moderni formati di font web.

Come Funziona

Un file TTF è un contenitore binario organizzato in tabelle, ognuna delle quali memorizza un tipo specifico di dati:

• glyf — contorni dei glifi (le forme vettoriali effettive)
• cmap — mappatura da carattere a glifo (quale punto di codice Unicode corrisponde a quale glifo)
• head — metadati del font (unità per em, data di creazione, flag)
• hmtx — metriche orizzontali (larghezza di avanzamento e bearing sinistro per ogni glifo)

Per i font icona, a ciascuna icona viene assegnato un punto di codice Unicode nell'Area ad Uso Privato (da U+E000 a U+F8FF) — un intervallo specificamente riservato per i caratteri definiti dall'applicazione, che non confliggono con il testo standard.

@font-face {
  font-family: 'MyIcons';
  src: url('myicons.ttf') format('truetype');
}

.icon {
  font-family: 'MyIcons';
  font-style: normal;
  font-weight: normal;
}

.icon-home::before {
  content: '\E001';
}

Il suggerimento format('truetype') indica al browser che tipo di file font aspettarsi, in modo da poter saltare il download se TrueType non è supportato (anche se praticamente tutti i browser lo supportano).

Vantaggi e Svantaggi

Supporto Browser

TTF gode di un supporto browser superiore al 98%, inclusi tutti i browser moderni e Internet Explorer 9+. È inoltre supportato nativamente da tutti i principali sistemi operativi desktop — Windows, macOS e Linux — il che significa che è possibile installare un file TTF direttamente come font di sistema senza alcuna conversione.

Sebbene TTF funzioni ovunque, per la distribuzione web è preferibile usare WOFF2 (che è semplicemente un TTF compresso). Riservare il TTF grezzo per l'uso desktop, lo sviluppo e come formato base nel pipeline di build.

Quando Usare TTF

• Applicazioni desktop — installare come font di sistema per l'uso in app native, strumenti di design o IDE.
• Electron e app native — includere il TTF direttamente nell'applicazione per il rendering dei font offline.
• Sviluppo e test — il TTF è facilmente ispezionabile con strumenti per font come FontForge, fontTools o i visualizzatori di font del sistema.
• Ispezione font di sistema — quando è necessario verificare le metriche dei glifi, l'hinting o le tabelle cmap utilizzando le utilità a livello di sistema operativo.