为 Fabric.js 加载自定义字体

Question

我希望在我的 Fabric.js 应用程序中添加一个开放式字体。我发现这个问题，Pixi.js 中的自定义字体，几乎问了同样的事情。我们如何从我们的文件系统加载字体？我也尝试使用 CSS @font-face。

Answer 1

答案是在这个问题和上面链接的问题上找到的。与我的文件名相关的代码似乎有一些拼写问题。所以要清楚，正确的答案是使用 CSS 字体，如：

@font-face {
    font-family: test-family;
    src: url('path/to/fontfile');
}

然后在文本对象中使用字体系列名称，如下所示：

var t = new fabric.Text('text', {
    fontFamily: 'test-family',
});