我正在制作一个 wordpress 主题,该主题具有允许用户从 Google 选择自己的字体的功能。显然,因为这是一个 wordpress 主题,所以无法为每次安装创建一个新的 API 密钥。
我需要的只是按字母顺序排列的字体列表。
如果有人给我一种按类别对它们进行分组的方法,则可以加分!
我正在制作一个 wordpress 主题,该主题具有允许用户从 Google 选择自己的字体的功能。显然,因为这是一个 wordpress 主题,所以无法为每次安装创建一个新的 API 密钥。
我需要的只是按字母顺序排列的字体列表。
如果有人给我一种按类别对它们进行分组的方法,则可以加分!
我会用我需要的最小值构建我的列表并将其存储在本地。您可以将其作为 json 字符串存储在您的页面上。
例如在浏览器中打开: https ://www.googleapis.com/webfonts/v1/webfonts?key=YOUR-API-KEY
var allGoogleFonsts = JSON.parse(JSON_RESULT);
var fontFamilyWithCategory = allGoogleFonsts.items.map(fontItem => {
return {
family: fontItem.family,
category: fontItem.category,
};
});
var groupBy = function(xs, key, value) {
return xs.reduce(function(rv, x) {
(rv[x[key]] = rv[x[key]] || []).push(x[value]);
return rv;
}, {});
};
var fontFamilyByCategory = groupBy(fontFamilyWithCategory, 'category', 'family');
现在您可以在没有 api 调用的情况下存储和使用它:
console.log(JSON.stringify(fontFamilyByCategory));