参考 loadFont()

loadFont()

加载字体并创建 p5.Font 对象。 loadFont() 可以加载 .otf 或 .ttf 格式的字体。已加载字体可以用于画布和 HTML 元素中的文本样式。

第一个参数 path 是字体文件的路径。 "本地文件的路径应该是相对的。例如,'/assets/inconsolata.otf'。下列的示例中使用的 Inconsolata 字体可以在此处免费下载。 远程文件的路径应该是 URL。例如, "'https":"//example.com/inconsolata.otf'。 URL 可能会因为浏览器安全被阻止。

"

第二个参数successCallback是可选的。如果通过一个函数,如果字体加载就会调用。 如果需要,回调函数可以使用新的 p5.Font 对象。

第三个参数,failureCallback,也是可选的。如果通过一个函数,如果字体加载失败就会调用。如果需要,回调函数可能会使用错误 Event 对象。

加载字体可能需要一些时间。字体用于 setup()draw() 之前,在 preload() 调用 loadFont(),以确保字体先加载。

示例

语法

loadFont(path, [successCallback], [failureCallback])

参数

path
字符串:

要加载的字体路径。

successCallback
函数:

在加载成功后,可传入p5.Font 对象来调用此函数。

failureCallback
函数:

如果字体加载失败,可传入错误 Event 对象来调用此函数。

Returns

p5.Font: p5.Font 对象。
Notice any errors or typos? Please let us know. Please feel free to edit src/typography/loading_displaying.js and open a pull request!

相关参考