Ionic framework 导入变量中的ionic3字体

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字体,您应该拥

在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
字体,您应该拥有
.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";