ionic change default font

Question

I know this question is asked and answered before in the links below. I want to change the default font without having to add to every css.

Things I have tried:

Answer 1

For Ionic 4

There are global variables that are shared across components. --ion-font-family is one of them. Add this in property under :root in variables.scss:

  :root {
      --ion-font-family: 'MyFont';
  }

Ionic 4 Docs: Advanced Theming Documentation