为 Fabric.js 加载自定义字体

【问题标题】：Load custom font for Fabric.js为 Fabric.js 加载自定义字体
【发布时间】：2014-01-27 10:40:33
【问题描述】：

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

【问题讨论】：

【解决方案1】：

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

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

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

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

【讨论】：