How do I install new fonts in Ionic 4?

Question

Does anyone know how to update the font for Ionic 4?

I tried adding the aileron.woff to assets/fonts and putting this in the variables.scss to no avail.

Answer 1

1. Add a Custom Font in directory folder src\assets\fonts
2. Define the fonts in the file src\theme\variables.scss before :root

@font-face { font-family: "Custom Font"; src: url("../assets/fonts/Custom Font.xxx"); }

3. define your custom font in :root

--ion-font-family: "Custom Font";