angular - How to change the font on ionic globally -


i using ionic version 3.9.2

what want achieve want change default font of ionic app given custom font.

after googling bit got understand have set font face thing in app.scss present in folder app

this code used:

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

however after doing couldn't change font of whole app not reflecting in app.

you can that.but highly recommend not use online url have tried. because app not show particular font when there no wifi. install font device , use it.

here i'm showing how install lato-regular. process same font.

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; } 

that it. here can see great video it. if you'll have issue please let me know.


Comments