文件包含所有谷歌字体URL

时间:2017-03-08 00:17:04

标签: html css3 fonts google-font-api postcss

我正在建立一套应用谷歌字体的实用工具 - 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;
        }
    }

任何人都知道是否包含所有谷歌字体的所有@import语句的文件?这样我就可以导入该文件。如果存在一个逗号分隔的列表,其中包含可以在每个循环中使用的所有字体名称,那将是非常棒的。

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

1 个答案:

答案 0 :(得分:1)

我已经为您创建了一个存储库。有一个css文件,其中包含所有单独字体文件的导入列表。

https://github.com/praisedpk/Import-All-Google-Fonts