我如何通過字體名稱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結構嗎？

Answer 1

在第一個示例中，系列是包含3個字符串的數組。

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

在第二個例子中，families是一個包含1個字符串的數組。

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

爲了使這項工作，你想要做的東西像下面這樣：

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

分裂法將在每個逗號分割的字符串，並創建一個元素的數組。

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