文件包含所有 google 个字体网址

Question

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

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

    @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 语句的文件吗？这样我就可以导入那个文件了。如果存在可在每个循环中使用的所有字体名称的逗号分隔列表，那就太棒了。

这项工作将进入麻省理工学院许可的实用程序库。

Answer 1

导入所有 Google 字体

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

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

文件包含所有 google 个字体网址

File containg all google font URLs

html

css

fonts

google-font-api

postcss

导入所有 Google 字体