html - 包含所有Google字体网址的文件

我正在构建一组实用程序来应用Google字体-superfly-css-utilities-fonts。

我想包括所有Google字体网址，以便可以这样构建实用程序类：

    @import url('https://fonts.googleapis.com/css?family=Open+Sans');
    @import url('https://fonts.googleapis.com/css?family=Montserrat');
    @import url('https://fonts.googleapis.com/css?family=Roboto');
    @import url('https://fonts.googleapis.com/css?family=Lato');

    /** All fonts fallback to the same variable - FIX **/
    @each $font in Open+Sans, Montserrat, Roboto, Lato {
        .u-font-$(font) {
          font-family: $(font) !important;
        }
    }

有人知道是否有一个文件包含所有Google字体的所有@import语句吗？这样我就可以导入该文件。如果存在逗号分隔的所有字体名称的列表，这些列表可以在每个循环中使用，那就太棒了。

这项工作正在进入MIT许可的实用程序库。

最佳答案

导入所有Google字体

Easy Fonts允许您加载选择性字体，或一次加载所有字体。它还包括所有字体的CSS类，因此您无需编辑CSS即可使用字体。

<link href="https://pagecdn.io/lib/easyfonts/fonts.css" rel="stylesheet" />

关于html - 包含所有Google字体网址的文件，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/42660747/