在变量中导入ionic3字体

所以我检查了我的 node_modules 以及 roboto 和 noto-sans 字体存储在 node_modules/ionic-angular/fonts/

如果要使用 raleway 字体,您应该拥有 .ttf ,则, .woff 和 .woff2 文件。如果你只有 .ttf 字体,签出 FontSquirrel's font files generator

地点: src/assets/fonts/Raleway.ttf 等

然后您可以创建字体( app.component.scss 或 variables.scss )

@font-face {
    font-family: 'Raleway';
    font-weight: 200;
    src: url('../assets/fonts/Raleway.ttf') format('truetype');
    src: url('../assets/fonts/Raleway.woff') format('woff');
    src: url('../assets/fonts/Raleway.woff2') format('woff2');
}

现在您可以使用您的字体:

p { font-family: "Raleway" !important; }

或者更改你的ionic应用程序的默认字体( 变量。scss公司 )

$font-family-md-base: "Raleway";
$font-family-ios-base: "Raleway";
$font-family-wp-base: "Raleway";

Answer Credit