You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何通过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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.02 01:25:13