如何在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

通过使用简单的CSS属性Font @Face