sarahpaige

Hi! I'm really struggling with custom fonts and this website is supposed to launch today any help would be greatly appreciated. 

I have CSS fonts into this website: www.rossigray.com/home-

They are working / appearing totally fine on my end, but on mobile they do not work at all. On other people's desktop the script font doesn't appear either. 

Here's the code I used

@font-face{
  font-family:'Audrey-Normal';
  src: url('//https://static1.squarespace.com/static/603dbf647c336e1395a52bb3/t/605be880bf6b0c49462d86f1/1616636032867/Audrey-Normal.otf');
  font-weight: regular
}
h1{
  font-family:'Audrey-Normal';
}
h3{
  font-family:'Audrey-Normal';
}
@font-face{
  font-family:'Aerotis';
  src: url('//https://static1.squarespace.com/static/603dbf647c336e1395a52bb3/t/605be8ecaa28da61e25defd0/1616636140604/Aerotis.otf');
  font-weight: regular
}
h2{
  font-family:'Aerotis';
}

I'm so confused because I have never had this issue! Both are OTF fonts!