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

Add your font in the directory assets, and add this to your variables.scss file to declare the font family and set a class that uses it:

@font-face {
  font-family: 'custom';
  src: url('../assets/fonts/custom.ttf');
}
.text-custom { 
  font-family: "custom"; 
}

Then in any xx.page.html you can use the class like this:

your text