Javascript 如何在p5.js中链接外部.otf文件

我正在尝试使用url将字体文件链接到p5.js草图，这样我就可以将其上传到codepen.io上，上传文件需要付费。该文件在google字体上不可用，因为它是自定义的

我尝试将链接放在加载字体功能中，如下所示：

loadFont（url）

但是出现了一个错误，说明找不到该文件。我将该文件上载到github和tinyupload，以下是链接：



已经在评论中给出了答案，但我想我应该扩展一下：

首先，您需要确保您使用的文件主机不会将您的文件隐藏在下载页面后面。使用
https://github.com/Tudor0404/files/blob/master/matrix-code-nfi.otf?raw=true
link，但您还有另一个问题

你需要养成看你的眼睛的习惯。这就是出现错误和网络问题的地方

如果查看开发人员工具，您将看到以下错误：

Access to XMLHttpRequest at 
'https://github.com/Tudor0404/files/blob/master/matrix-code-nfi.otf?raw=true' 
from origin 'https://s.codepen.io'
has been blocked by CORS policy:
No 'Access-Control-Allow-Origin' header is present on the requested resource.

您收到了一个CORS错误（这是开始google搜索的好地方），这基本上意味着您的文件主机（在本例中为GitHub）不允许访问其他域（在本例中为CodePen）的文件

据我所知，您不应该像这样直接链接到GitHub repo中的文件。如果你需要托管它们，你可以使用类似的东西。（默认情况下，GitHub页面允许CORS）

当然，如果您正在设置GitHub页面，那么您可以使用它来托管P5.js草图，而不再需要CodePen。（除非你想将其用作代码编辑器。）
你能链接到一个运行中的代码笔吗？@Mike'Pomax'Kamermans我已经试过了，它不起作用，因为url不指向google字体，文件也不是本地的。@KevinWorkman done，删除与文本相关的所有设置，并预加载以使文本成为默认文本。您试图加载为字体的URL不是字体。那是一个网页。另外，您的script元素没有加载p5js库atm，您在src属性之前关闭了
。