let folder = 'fonts/';

let fonts = [];

let fontPaths = [

  {path: 'ConcertOne-Regular.ttf'},

  {path: 'AJensonPro-It.otf'},

  {path: 'Ambit-Regular.ttf'},

  {path: 'Ambit-Black.ttf'}

];

let txtParams = [

  {x: dim.w/2, y: 100, txt: "FMK Digital Art", 

     index: 0, size: 60},

  {x: dim.w/2, y: 200, txt: "Creative Coding", 

     index: 3, size: 30},

  {x: dim.w/2, y: 300, txt: "Interactions", 

     index: 2, size: 40}

];

​

function preload() {

  for (let fp of fontPaths) {

    fonts.push(loadFont(folder + fp.path));

  }

}

​

function setup() { 

  createCanvas(dim.w, dim.h);

  background(230);

  fill(255, 0, 0);

  textAlign(CENTER);

  for (let t of txtParams) {

    drawFont(t.x, t.y, t.txt, fonts[t.index], t.size);

  }

​

} 

​

function drawFont(x, y, txt, font, size) {

  textSize(size);

  textFont(font);

  text(txt, x, y);

}

​