Question

因此，以下代码用于输出单词＆＃34; HI＆＃34;在指定的字体中。但是，在Javascript模式下，字体是默认字体而不是旧标准。有人可以向我解释一下吗？

PFont myFont = createFont("OldStandard-Regular.ttf",30);
textFont(myFont);
text("HI",50,50);

Answer 1

p5.js不支持createFont()（至少尚未支持）。你应该在错误控制台中看到这个：

Uncaught ReferenceError: createFont is not defined

您可以使用loadFont()，但请确保先预先加载字体：

var myFont;
function preload() {
  myFont = loadFont('assets/OldStandard-Regular.ttf');
}

function setup() {
  fill('#ED225D');
  textFont(myFont);
  textSize(36);
  textFont(myFont);
  text("HI",50,50);
}

或者在加载字体时使用回调函数：

function setup() {
  loadFont('assets/OldStandard-Regular.ttf', drawText);
}

function drawText(font) {
  fill('#ED225D');
  textFont(font, 36);
  text('HI', 50, 50);
}

预期的字体不会出现在Javascript模式中（处理）

1 个答案: