3

是否可以在不附加 Cufon 库及其字体的情况下将Fabric.js与 Web 字体一起使用?我可以使用标准的画布功能轻松地做到这一点,所以我想知道它是否可以在 Fabric 中实现。

4

3 回答 3

6

我们计划很快放弃 Cufon,转而使用原生文本方法。我们在大约 2 年前合并了 Cufon,当时本机文本方法还不能很好地跨浏览器使用(请参阅我以前的这个测试)。一旦我们放弃它,它可能会成为一个可选模块,因为在旧客户端的兼容性很重要的情况下。

于 2012-02-20T12:39:21.447 回答
6

首先将google字体链接在<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-04T11:25:56.760 回答
1

这次我遇到了问题。

您必须先在 dom 中加载字体,然后才能在带有织物的画布中使用它。

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

对于某些人来说,我的独奏可能很有趣。我创建了一个选择,用户可以在其中选择字体。在此选择每个获取属性 font-family。

看这个: 在此处输入图像描述

为什么要新答案?因为 store 中的 key 是字体,没有直接提到。

于 2017-05-08T14:20:21.360 回答