// Set a common cell length of 40 pixels for all quadrilles
Quadrille.cellLength = 40;
// Set a common cell text zoom of 0.8 for all quadrilles
Quadrille.textZoom = 0.8
let q1, q2;
let notoFont;

function preload() {
  // Load the Noto Serif font
  notoFont = loadFont('/fonts/noto_serif_italic.ttf');
}

function setup() {
  createCanvas(650, 160);
  // Quadrille with the Noto Serif font
  // q1 = createQuadrille(8, 'cronopiofabulosaliteratatangente');
  q1 = createQuadrille(8, 'CRONOPIOFABULOSALITERATATANGENTE');
  q2 = q1.clone();
}

function draw() {
  background('#FFC0CB');
  // Draw q1 using the Noto Serif font
  drawQuadrille(q1, { textFont: notoFont });
  // Draw q2 using the default p5.js font
  drawQuadrille(q2, { x: 330 });
}