Uso di un font esterno

Per essere sicuri che il font visualizzato sia quello corretto è necessario far caricare il relativo file TTF o OTF (con loadFont()) e impostarlo come font nello sketch (con textFont()).

// height=110 lines=auto
let font;

function preload() {
    font = loadFont("assets/vanessa.ttf");  // carica il font
}

function setup() {
    background( 220 );
    textFont( font, 30 );  // imposta font e dimensione
    text( "Testo", 3,50 );
}

La funzione preload() viene eseguita prima di setup() che rimane in sospeso fino al caricamento dei file esterni.

La variabile font permette di mantenere in memoria il font che potrà quindi essere usato anche nel resto del codice... ma le variabili verranno trattate in modo più approfondito nella prossima lezione.

Provare a far visualizzare un'unica lettera grande al centro del canvas.


Strutturazione dei file: