javascript - 如何将字体名称作为字符串传递给 webfont.load

Question

我正在使用这样的基本字体加载：

WebFont.load({
    google: {
        families: [ 'Droid Sans','Cookie','Parisienne' ]
    }
});

但我需要将字体名称作为字符串传递给它。就像是：

var fntstr = "'Droid Sans','Cookie','Parisienne'";
WebFont.load({
    google: {
        families: [ fntstr ]
    }
});

为什么这不起作用？这不只是一个传递给 Webfont.load 的 json 结构吗？

score 1 · Accepted Answer

在您的第一个示例中，family 是一个包含 3 个字符串的数组。

['Droid Sans','Cookie','Parisienne']

在您的第二个示例中，family 是一个包含 1 个字符串的数组。

["'Droid Sans','Cookie','Parisienne'"]

要完成这项工作，您需要执行以下操作：

var fntstr = "'Droid Sans','Cookie','Parisienne'";
var fntarr = fntstr.split(',');
WebFont.load({
    google: {
        families: fntarr
    }
});

split 方法将在每个逗号处拆分您的字符串并使用元素创建一个数组。

1 回答 1