ユーザーが Google から独自のフォントを選択できるようにする機能を備えたワードプレスのテーマを作成しています。明らかに、これはワードプレスのテーマであるため、インストールごとに新しい API キーを作成する方法はありません。
必要なのは、アルファベット順のフォントのリストだけです。
誰かがカテゴリ別にグループ化する方法を教えてくれたらボーナス ポイント!
ユーザーが Google から独自のフォントを選択できるようにする機能を備えたワードプレスのテーマを作成しています。明らかに、これはワードプレスのテーマであるため、インストールごとに新しい API キーを作成する方法はありません。
必要なのは、アルファベット順のフォントのリストだけです。
誰かがカテゴリ別にグループ化する方法を教えてくれたらボーナス ポイント!
開発者 API を確認してください。フォントのリストを照会できます。それらが分類されているかどうかはわかりませんが、多くの詳細が得られます.
アップデート:
使用制限を超えて必要なのは API キーだけなので、呼び出す回数によっては、この JSON を解析するだけで済みます。
さらに更新:
Developer API を呼び出すには、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));