How do I change the font that is used by a button in p5?

p5.js Coding Questions
1

I am not sure how I can do this. I have tried all the style() properties that I know, but none of them are able to change the font on a button. Example code I am trying to write:

let drawButton;
let circle = false;

function setup() {
  txt = loadFont('assets/font.ttf');
  createCanvas(800, 800);

  drawButton = createButton('Draw');
  drawButton.position(230, 650);
  drawButton.size(350, 100);
  drawButton.mousePressed(yes);
  drawButton.style('background-color', 'black');
  drawButton.style('font-size', '44px');
  drawButton.style('color', 'white');

  //this code doesn't work the way I want it to
  drawButton.style('font-type', txt);
}

function yes() {
  circle = true
}

function draw() {
  background(220);
  if (circle === true) {
    ellipse(400, 400, 100, 100);
  }
}
2

Is this p5 or css or…?

1 Like
3

Maybe it’s drawButton.caption.style(…

1 Like
4

I tried that and it didn’t work.

5

You also haven’t answered my question

1 Like
6

It is p5. It says so in the tag for this question.

1 Like
7

Maybe you look here

1 Like