Question

是否可以将Fabric.js与网络字体一起使用，而无需附加Cufon库及其字体？我可以使用标准的画布功能轻松完成它，所以我想知道它是否可以在Fabric中使用。

Answer 1

我们很快就会planning to ditch Cufon，支持原生文字方法。我们将Cufon纳入了大约2年前，当时原生文本方法不是跨浏览器可用（请参阅后面的this test of mine）。一旦我们放弃它，它可能是一个可选模块，适用于老客户端兼容性很重要的情况。

Answer 2

首先在<head>

中链接google字体

<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();
}

Fabric.js + Google字体

2 个答案: