Css 每个谷歌字体的回退字体系列？

我正在为每个谷歌字体寻找一个备用字体系列。上下文是我创建了一个CSS实用程序模块，其中包含。字体实用程序大致如下所示：

@each $font in 'Open Sans', Montserrat, Roboto, Lato, ... {

   .u-font-$(font) {
      font-family: var(--font-$(font)) !important;
    }
}

我还想为每种字体包括一个自定义的后备系列。有人知道有没有一种方法可以获得一个字体系列，它是每种字体的一个好的浏览器后备？下面是我想做的大致情况：

        .u-font-$(font) {
          font-family: "$(font)", var(--$(font)-fallback-family) !important;
        }
    }

---

为了清楚起见，您正在为每种谷歌字体寻找最接近的系统字体？是的——理想情况下，它会像这样键入（示例）——开放式SAN fallback系列：“Helvetica Neue”、Helvetica、Arial、sans serif；我这里有更多的例子-这是一个存储库，回退字体将进入其中。你有没有找到一个好的方法来做到这一点？我觉得奇怪的是，谷歌没有在他们的API响应中包含这一点。我注意到谷歌Workbox在构建PWA时可以缓存字体，所以确保字体存在的一种方法是构建PWA站点……有没有更新？要清楚，您正在为每个Google字体寻找最接近的系统字体？是的，理想情况下，它会像下面这样键入（示例）——开放式SAN fallback系列：“Helvetica Neue”、Helvetica、Arial、sans serif；我这里有更多的例子-这是一个存储库，回退字体将进入其中。你有没有找到一个好的方法来做到这一点？我觉得奇怪的是，谷歌没有在他们的API响应中包含这一点。我注意到谷歌Workbox在构建PWA时可以缓存字体，所以确保字体存在的一种方法是构建PWA站点……有更新吗？