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.Include the font ttf file inside the src/assets/fonts/ folder.

2.Now create the font family by including it in the global.scss(src/global.scss) EX:@font-face { font-family: 'CustomfontName'; src: url('./assets/fonts/CustomFont.ttf'); }

3.Apply the style

  

      Sample text for custom font
  

For better understanding click the below link,

https://www.youtube.com/watch?v=Hz7SLdGG8HA