Costum font suddenly doesn't work on Mobile and Safari

Hello there,

I just wanted to send this Landingpage to our client and now realized, the custom fonts don't work anymore on Mobile and Safari, even though they worked till now. Does anyone can help me fix this problem? 

https://amethyst-pelican-2l2k.squarespace.com/
password: umowebseite

Thank you 🙂

These are the codes i used for the fonts: 

//alzbb SCHRIFTEN //
//Archia-regular
@font-face {
font-family: archia-regular;
src: url(https://static1.squarespace.com/static/64a3dc299a63b113781d0a35/t/64a532172f42d74aa61a3000/1688547863956/Archia-Regular.otf);
}

//Archia-semibold
@font-face {
font-family: archia-semibold;
src: url(https://static1.squarespace.com/static/64a3dc299a63b113781d0a35/t/64a532172f42d74aa61a3000/1688547863956/Archia-Regular.otfhttps://static1.squarespace.com/static/64a3dc299a63b113781d0a35/t/64a533e03a904d7187ee1671/1688548320158/Archia-SemiBold.otf);
}

//Schriften implementiert
// Heading 1
h1 {font-family: archia-regular; 
  font-weight: 400;}

// Heading 2
h2 {font-family: archia-semibold;
font-weight: 800;}

//Absatz 2
.sqsrte-large {
font-family: archia-regular;}

//Absatz 1
p {font-family: archia-regular;}