文件包含所有 google 个字体网址
File containg all google font URLs
我正在构建一组应用 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
语句的文件吗?这样我就可以导入那个文件了。如果存在可在每个循环中使用的所有字体名称的逗号分隔列表,那就太棒了。
这项工作将进入麻省理工学院许可的实用程序库。
导入所有 Google 字体
Easy Fonts 允许您加载选择性字体,或一次加载所有字体。它还包括所有字体的 CSS 类,因此您无需编辑 CSS 即可使字体正常工作。
<link href="https://pagecdn.io/lib/easyfonts/fonts.css" rel="stylesheet" />
我正在构建一组应用 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
语句的文件吗?这样我就可以导入那个文件了。如果存在可在每个循环中使用的所有字体名称的逗号分隔列表,那就太棒了。
这项工作将进入麻省理工学院许可的实用程序库。
导入所有 Google 字体
Easy Fonts 允许您加载选择性字体,或一次加载所有字体。它还包括所有字体的 CSS 类,因此您无需编辑 CSS 即可使字体正常工作。
<link href="https://pagecdn.io/lib/easyfonts/fonts.css" rel="stylesheet" />