javascript - 如何在结构文本对象中应用自定义字体？

我想在结构文本对象中使用自定义字体，我点击了以下链接:
http://fabricjs.com/fabric-intro-part-4/

但是似乎只有node.js支持它。

有什么方法可以在 Canvas 上的简单结构文本对象上支持它吗？

最佳答案

用
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();