为 Fabric.js 加载自定义字体

Question

我希望将 Open-Type 字体添加到我的 Fabric.js 应用程序中。我发现这个问题，Custom font in 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',
});