Question

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

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

但我需要将字体名称作为字符串传递给它。类似的东西：

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

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

Answer 1

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

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

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

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

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

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

split方法会在每个逗号处拆分字符串，并创建一个包含元素的数组。