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

You'll want to use the CSS4 variable --ion-font-family

Here is an example:

  
  
  
  

  



  
    
      
        Test
      
    
    
      
        
          Font Family
        
        
          Testing