如何在全局上更改离子上的字体

Question

我正在使用离子版3.9.2

我想要实现的是我想将离子应用程序的所有默认字体更改为我给定的自定义字体.

谷歌搜索后,我明白我必须设置app.scss文件夹中存在的字体外观app

这是我使用的代码:

@import url('https://fonts.googleapis.com/css?family=Raleway');
$font-family-base: "Raleway", sans-serif !default;

然而,即使这样做后,我无法更改整个应用程序的字体,因为它没有反映在应用程序中.

Answer 1

您可以轻松地做到这一点.但我强烈建议您不要使用在线URL,因为您已尝试过.因为当没有wifi时,你的应用程序不会显示特定的字体.因此,请始终将字体安装到您的设备中并使用它.

我在这里展示如何安装Lato-Regular.对于任何字体,此过程都相同.

variables.scss

    @font-face {
        font-family: "Lato-Regular";
        src: url($font-path+'/lato/Lato-Regular.ttf');
    }

   $font-family-base: "Lato-Regular";

app.scss

* {
    font-family: $font-family-base;
}

这就对了.在这里你可以看到一个很棒的视频.如果您有任何问题,请告诉我.