Le variazioni dei font avvengono grazie all’interpolazione tra varie versioni dei font stessi. Per interpolazione in matematica si intende la determinazione approssimata dei valori intermedi di una funzione o di una grandezza, a partire da un numero di valori noti. Nella tipografia per interpolazione intendiamo la generazione di nuovi font a partire da alcune istanze già esistenti. Quindi, a partire da alcune versioni di font (chiamate master ) sarà possibile generare un numero pressoché infinito di font con caratteristiche intermedie alle forme master. Ad esempio, sarà possibile generare numerosi pesi intermedi tra la versione regular e la versione bold. Oltre al peso, sarà possibile modificare tutte le caratteristiche strutturali come larghezza, contrasto, grazie, dimensioni ottiche, ecc. avendo così la possibilità di ottenere un numero quasi illimitato di variazioni di un stesso font.
Un variable font è contenuto in un unico file dove vengono definiti vari assi sui quali la forma verrà modificata. Modificando i valori sull’asse, verranno generati nuovi font grazie all’interpolazione dei punti sulle forme master. All’apertura del file gli assi avranno un valore di default. Sarà poi possibile creare delle istanze del font per orientare il designer su alcuni stili predefiniti (come ad esempio i più conosciuti regular, bold, extended, condensed, ecc.). Il numero di assi modificabili su un font è molto ampio (65.536, per la precisione), e il nome degli assi è personalizzabile a discrezione dell’utente, nonostante esistano alcuni standard da seguire.
Perché utilizzare i variable font?
I variable font diventano molto utili quando è necessario utilizzare più versioni di un font all’interno di un sito web. Non sarà più necessario dover caricare in un sito molteplici file, allungando così i tempi di caricamento della pagina web. Basterà soltanto un unico file che contiene più pesi e variazioni del font che si vuole utilizzare.
Per esempio, se dovessimo utilizzare 5 pesi/varianti di un font (Light, Regular, Bold, Semi Bold, Condensed Regular) dovremmo caricare 5 file per un peso complessivo di circa 200Kb e saremmo comunque forzati ad utilizzare solamente queste 5 versioni del font scelto. Un variable font è invece racchiuso un unico file che ha un peso intorno agli 80Kb. Quindi, oltre a risparmiare sul peso dei file da caricare, avremmo anche un risparmio di richieste HTTP e una maggiore creatività da parte del designer che può utilizzare un numero di font molto più ampio rispetto al passato.