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()).

    let font;

function preload() {
    font = loadFont("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.

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


Strutturazione dei file: