Làm cách nào để áp dụng phông chữ tùy chỉnh trong đối tượng văn bản vải?

Question

Tôi muốn sử dụng phông chữ tùy chỉnh trong đối tượng văn bản vải, tôi đã theo liên kết bên dưới: http://fabricjs.com/fabric-intro-part-4/

Nhưng có vẻ như nó chỉ được hỗ trợ trong node.js.

Có cách nào để hỗ trợ nó trên đối tượng văn bản vải đơn giản trên canvas không?

Answer 1

Bằng cách sử dụng đơn giản Css thuộc tính Font @Face

Answer 2

Sử dụng CSS:

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

Tạo vải trường hợp đối tượng văn bản:

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