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

本文介绍了如何在Fabric文本对象中应用自定义字体？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我想在结构文本对象中使用自定义字体，我按照以下链接：

I would like to use custom font in fabric text object, I followed the link below:http://fabricjs.com/fabric-intro-part-4/

但它似乎只在node.js中受支持。

But it seems that it's only supported in node.js.

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

Is there any way to support it on simple fabric text object on canvas?

推荐答案

使用
CSS：

UseCSS:

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

创建结构文本对象实例：

Create fabric text object instance :

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

这篇关于如何在Fabric文本对象中应用自定义字体？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！

FabricJS