css - 每种谷歌字体的后备字体系列？

Question

我正在为每种谷歌字体寻找一个后备字体系列。上下文是我创建了一个包含所有 google 字体的 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;
        }
    }