加载Fabric.js的自定义字体

Question

我想在我的Fabric.js应用中添加一个Open-Type字体。我发现这个问题，Custom font in Pixi.js，几乎都在问同样的问题。我们如何从文件系统加载字体？我也尝试过使用CSS @ font-face。

Answer 1

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

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

然后在文本对象中使用字体系列名称：

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