p5.j​​s：loadFont无法使用网址中的.ttf文件

Question

我正在努力尝试使loadFont()函数在p5.js中工作。

我已将字体文件上传到网站根目录的fonts目录中，并将其保存为font.ttf，我正尝试将其加载到像这样的preload函数中：

function preload() {
    font1 = loadFont("./fonts/font.ttf");
}

但是，当我加载页面时，我永远只能在左上角看到“正在加载...”。我尝试将字体直接放在目录中并调用loadFont("font.ttf")，但它似乎从未加载。

我怀疑我是个菜鸟错误，因为我对此很陌生，但是我已经浏览了我在互联网上可以找到的所有内容，这显然是应该做到的。 （https://p5js.org/reference/#/p5/loadFont）

在此先感谢任何指针！