如何通过Google Fonts API获取所有可变字体列表?
获取Google Fonts可变字体列表的方法
由于Google Fonts v1 API本身不提供可变字体的专属标识字段和筛选参数,你可以通过以下步骤手动筛选出可变字体:
第一步:拉取全量字体数据
调用你提到的端点https://www.googleapis.com/webfonts/v1/webfonts?key=API_KEY&sort=popularity,获取所有字体的完整返回数据。第二步:通过文件URL特征识别可变字体
Google Fonts的可变字体文件URL通常带有可变轴标识(比如wght代表字重轴、ital代表斜体轴),或是文件名包含VF(Variable Font)标记。而非可变字体的文件是按固定字重/样式拆分的独立资源(比如单独的wght=400、wght=700文件)。以下是一段示例逻辑(以JavaScript为例):
const variableFonts = []; // 假设webfontsResponse是API返回的完整数据 webfontsResponse.items.forEach(font => { // 检查字体文件是否包含可变轴标识 const isVariable = Object.values(font.files).some(url => url.includes('wght') || url.includes('ital') || url.includes('VF') ); if (isVariable) { variableFonts.push(font.family); } });第三步:结合variants字段辅助验证
可变字体的variants字段通常会标注轴的范围(比如300..700),而非可变字体的variants是固定的样式值(比如400、700italic),可以用这一点进一步确认筛选结果的准确性。
注:该方法基于Google Fonts当前的文件命名规则,若未来规则调整可能需要同步优化判断逻辑。
内容的提问来源于stack exchange,提问作者Evanss
相关产品推荐
相关产品推荐

