加載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', 
});