我正在建立一套应用谷歌字体的实用工具 - 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
语句的文件?这样我就可以导入该文件。如果存在一个逗号分隔的列表,其中包含可以在每个循环中使用的所有字体名称,那将是非常棒的。
这项工作将进入麻省理工学院许可的实用程序库。
答案 0 :(得分:1)
我已经为您创建了一个存储库。有一个css文件,其中包含所有单独字体文件的导入列表。