Custom font doesn't work

Site URL: http://chloemounier.com

Hi all, 

I've been trying to add a custom font on my site but unfortunately, it doesn’t work. I guess I'm doing something wrong but I can’t see what.... 

So your advice are very welcome! 

Below is the code I added in the CSS section:

//Adding custom font 'Faune'

@font-face {   
font-family: 'Faune';   
src: 
url(https://static1.squarespace.com/static/5a82007680bd5eda6ccdd267/t/5f663170b71066357bedb774/1600532849110/Faune-Display_Bold_Italic.ttf), 
url(https://static1.squarespace.com/static/5a82007680bd5eda6ccdd267/t/5f661a8abd90701b223a5254/1600526987236/Faune-Display_Bold_Italic.woff), 
url(https://static1.squarespace.com/static/5a82007680bd5eda6ccdd267/t/5f661a99b20b91267976ce49/1600527001162/Faune-Display_Bold_Italic.woff2);
}

h1 { 
font-family: 'Faune', 'OpenSans';
}

However nothing changes, the h1 does not even change to "OpenSans". 

Many many thanks ! 

Chloé 

I'm adding pictures to make it more comprehensible: 

Anybody ? 🙂 

Try adding !important to your h1 rules.

@font-face {

  font-family: 'Faune';
  src: url( '//static1.squarespace.com/static/5a82007680bd5eda6ccdd267/t/5f663170b71066357bedb774/1600532849110/Faune-Display_Bold_Italic.ttf' ),
    url( '//static1.squarespace.com/static/5a82007680bd5eda6ccdd267/t/5f661a8abd90701b223a5254/1600526987236/Faune-Display_Bold_Italic.woff' ),
    url( '//static1.squarespace.com/static/5a82007680bd5eda6ccdd267/t/5f661a99b20b91267976ce49/1600527001162/Faune-Display_Bold_Italic.woff2' );
    
  }

h1 {

  font-family: 'Faune', 'OpenSans' !important;
  
  }

Let us know how it goes.