Wie man benutzerdefinierte Schrift in Fabric Textobjekt anwendet?

Question

Ich möchte benutzerdefinierte Schriftart in Stoff Textobjekt verwenden, folgte ich den Link unten: http://fabricjs.com/fabric-intro-part-4/

Aber es scheint, dass es nur in node.js. unterstützt wird

Gibt es eine Möglichkeit, es auf einfachen Stoff Textobjekt auf Leinwand zu unterstützen?

Answer 1

mit einfacher CSS-Eigenschaft Font @Face

Answer 2

Verwenden CSS:

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

Stoff Textobjektinstanz erstellen:

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