Ionic framework 导入变量中的ionic3字体
在ionic3项目的variables.scss文件中,它导入了两种字体:roboto和noto sans,如下所示:Ionic framework 导入变量中的ionic3字体,ionic-framework,ionic3,Ionic Framework,Ionic3,在ionic3项目的variables.scss文件中,它导入了两种字体:roboto和noto sans,如下所示: @import "roboto"; @import "noto-sans"; 这些字体来自哪里?如何导入raleway字体?我试着用这条线,但它不起作用: @import "raleway"; 因此,我刚刚检查了我的node\u模块,并且roboto和noto sans字体存储在node\u模块/ionic angular/font/ 如果您想使用ralway字体,您应该拥
@import "roboto";
@import "noto-sans";
这些字体来自哪里?如何导入raleway字体?我试着用这条线,但它不起作用:
@import "raleway";
因此,我刚刚检查了我的
node\u模块
,并且roboto
和noto sans
字体存储在node\u模块/ionic angular/font/
如果您想使用ralway
字体,您应该拥有.ttf
、.woff
和.woff2
文件。如果您只有.ttf
字体,请退出
位置:src/assets/font/ralway.ttf
等
然后您可以创建字体(app.component.scss
或variables.scss
)
现在您可以使用您的字体:
p { font-family: "Raleway" !important; }
或者更改你的ionic应用程序的默认字体(variables.scss
)
p { font-family: "Raleway" !important; }
$font-family-md-base: "Raleway";
$font-family-ios-base: "Raleway";
$font-family-wp-base: "Raleway";