Jak zastosować czcionkę niestandardową w obiekcie tekstowym tkaniny?

Question

Chciałbym użyć niestandardowej czcionki w obiekcie tekstowym tkaniny, I następnie link poniżej: http://fabricjs.com/fabric-intro-part-4/

Ale wydaje się, że to jest obsługiwane tylko w node.js.

Czy istnieje sposób na jego obsługę w prostym obiekcie tekstylnym na płótnie?

Answer 1

za pomocą prostych CSS Właściwość font @Face

Answer 2

Zastosowanie CSS:

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

Tworzenie tkaniny obiektowe tekst instancję:

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