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

Posted 2023-03-25

【中文标题】如何在织物文本对象中应用自定义字体？

【英文标题】：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在曲线文本中工作，我如何将字体系列用于曲线文本....？字体系列的任何预定义属性？

【参考方案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