импортировать шрифт ionic3 в переменные

Question

внутри файла variables.scss проекта ionic3 выполняет импорт двух шрифтов: roboto и noto-sans следующим образом:

@import "roboto";
@import "noto-sans";

Откуда эти шрифты?Как импортировать шрифт raleway?Я попытался поставить эту строку, и она не работает:

@import "raleway";

Answer 1

Итак, я только что проверил, что мои node_modules и roboto и noto-sans шрифты хранятся в node_modules/ionic-angular/fonts/

. Если вы хотите использовать шрифт raleway, вы должны иметь при себефайлы .ttf, .woff и .woff2.Если у вас есть только шрифт .ttf, проверьте Генератор файлов шрифтов FontSquirrel

Расположение: 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; }

Или изменить шрифт по умолчанию для вашего ионного приложения (variables.scss)

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

Ответ Кредит