How to make custom fonts show up on mobile?

Hello! For reference, the site is https://frequencywellspace.squarespace.com/ and the password is "luna" 

I am assuming my CSS is incorrect, so I have it below. But the uploaded H1, H2, and H3 fonts are not showing up on mobile. Any help would be much appreciated!! 

// Header  - custom serif font // 

@font-face {
  font-family: "Atelier Femme Serif", sans-serif !important;
font-style: normal !important;
    src: url(https://static1.squarespace.com/static/6423c99a6ea48e7b8551c597/t/64c824939582f1135941a043/1690838163239/Atelier+Femme+Serif.woff2) !important;
    }

h1, h2 { 
  font-family: "Atelier Femme Serif", sans-serif !important;
font-style: normal !important;
  
}

// Header  - custom italic font // 

@font-face {
    font-family: "Atelier Femme Italic" !important;
    font-style: normal !important;
    src: url(https://static1.squarespace.com/static/6312fd25634c4614389641d9/t/63787640c5dd447dcf1dc61f/1668838976310/Atelier+Femme+Italic.ttf) !important;
    }

h1 em, h2 em { 
font-family: "Atelier Femme Italic" !important;
}

h1, h2  {font-family: "Atelier Femme Serif"!important;}

// Header  - script // 

@font-face {
    font-family: 'Atelier Femme Script' !important;
    font-style: normal !important;
    src: url(https://static1.squarespace.com/static/6423c99a6ea48e7b8551c597/t/64c7e67989b7c525a10454a5/1690822265492/Atelier+Femme+Script.ttf) !important;
    }

h3 { 
font-family: 'Atelier Femme Script' !important;
}

I can't see anything wrong in your code, there is some repetition but that shouldn't be causing a major problem.

It seems to be rendering correctly for me, given the changes Squarespace has made in the last couple of weeks, you may need to clear your browser cache.

12 hours ago, CassAggett said:

Hi Madison, try this version - I've removed the important tags and font-style from the @font-face codes and removed the duplicate h1, h2 entry:

 // Header  - custom serif font // 

@font-face {
  font-family: "Atelier Femme Serif";
  src: url(https://static1.squarespace.com/static/6423c99a6ea48e7b8551c597/t/64c824939582f1135941a043/1690838163239/Atelier+Femme+Serif.woff2);
    }

h1, h2 { 
  font-family: "Atelier Femme Serif", sans-serif !important;
  font-style: normal !important;
}

// Header  - custom italic font // 

@font-face {
  font-family: "Atelier Femme Italic";
  src: url(https://static1.squarespace.com/static/6312fd25634c4614389641d9/t/63787640c5dd447dcf1dc61f/1668838976310/Atelier+Femme+Italic.ttf);
}

h1 em, h2 em { 
  font-family: "Atelier Femme Italic" !important;
}

// Header  - script // 

@font-face {
  font-family: 'Atelier Femme Script';
  src: url(https://static1.squarespace.com/static/6423c99a6ea48e7b8551c597/t/64c7e67989b7c525a10454a5/1690822265492/Atelier+Femme+Script.ttf);
}

h3 { 
  font-family: 'Atelier Femme Script' !important;
} 

 

Thank you so much!! It worked - you are a lifesaver!!