如何在Fabric文本對象中應用自定義字體？

Question

我想在結構文本對象中使用自定義字體，我按照以下鏈接： http ： //fabricjs.com/fabric-intro-part-4/

但它似乎只在node.js中受支持。

有沒有辦法在畫布上的簡單布料文本對象上支持它？

Answer 1

使用CSS：

@font-face
{
font-family: myFirstFont;
src: url('Sansation_Light.ttf'),
url('Sansation_Light.eot'); /* IE9 */
}

創建結構文本對象實例：

 var object = new fabric.Text("NEW TEXT", { 
    fontFamily: "myFirstFont", 
    left: 150,
    top: 100,
    fontSize: 24,
    textAlign: "left",
    fill: "#000000"
});
canvas.add(object);
canvas.renderAll();

Answer 2

通過使用Simple Css屬性Font @Face