如何在织物文本对象中应用自定义字体？答案

【问题标题】：How to apply custom font in fabric text object?如何在织物文本对象中应用自定义字体？
【发布时间】：2013-07-27 12:28:22
【问题描述】：

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

但是好像只有node.js支持。

有没有办法在画布上的简单织物文本对象上支持它？

【问题讨论】：

使用 CSS 在文档中包含自定义字体，就像在 HTML 中呈现它一样。然后为fabric.Text 实例指定字体系列。
嗨@kangax ..我使用fabric.js在曲线文本中工作，我如何将字体系列用于曲线文本....？字体系列的任何预定义属性？

标签： javascript text fabricjs

【解决方案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();

【讨论】：

【解决方案2】：

通过使用 Simple Css 属性 Font @Face

【讨论】：