Fabric.js + Google字体

可以使用Fabric.js与网页字体，而无需附加Cufon库及其字体？我可以使用标准画布功能轻松完成此任务，因此我想知道它在Fabric中是否可行。Fabric.js + Google字体

2012-02-20 Sergei Basharov

原生文本呈现现在实现，顺便说一句。 – kangax 2012-08-12 21:06:19

我们很快就会planning to ditch Cufon，转而使用本地文本方法。当本地文本方法不是非常具有跨浏览器的可用性时，我们将Cufon加入了2年之前（请参阅当天的this test of mine）。一旦我们放弃它，它可能会成为一个可选模块，用于旧客户端兼容性很重要的情况。

来源

2012-02-20 12:39:21 kangax

首先链接在<head>

<link href='http://fonts.googleapis.com/css?family=Oswald|Lobster|Fontdiner+Swanky|Crafty+Girls|Pacifico|Satisfy|Gloria+Hallelujah|Bangers|Audiowide|Sacramento' rel='stylesheet' type='text/css'>

谷歌的字体创建一个DIV/SPAN

<span class="txtFont" style="font-family:Oswald" onclick="change_font_family('Oswald')">Oswald</span>

在Javascript中

function change_font_family(font_family) 
{ 
    canvas.getActiveObject().set("fontFamily", font_family); 
    canvas.renderAll(); 
}

来源

2015-02-04 11:25:56

我有问题，只是这一次。

你必须在dom之前加载字体你可以在布料上使用它。

所以你可以创建一个元素，它具有你想要的字体的样式属性。

对于一些我的solver可能会很有趣。我创建了一个用户可以选择字体的选择。在这个选择中，每个获得属性font-family。

看看这个：

为什么一个新的答案？因为商店中的钥匙是字体，没有直接提及。

来源

2017-05-08 14:20:21 StrongLucky

Fabric.js + Google字体

回答

相关问题