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

How do I pass font names to webfont.load as a string

本文关键字：字符串 load webfont 字体      更新时间：2023-09-26

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

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

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

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

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

在您的第一个示例中，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 方法将在每个逗号处拆分字符串，并创建一个包含元素的数组。

http://www.w3schools.com/jsref/jsref_split.asp

相关文章：