Hi, I'm having the same issue and wonder if anyone could help.
My site is www.hyam.design
When I view the mobile version in the editor the fonts show up, but when viewing on an actual phone using different browsers the fonts are not appearing correctly.
Here is my CSS:
}@font-face {
font-family: 'RaleGrotesk';
src: url('FontURLhttps://static1.squarespace.com/static/60a410e4718dbb4ac2c5b403/t/60aa43ad895adc57640976e7/1621771181790/RaleGrotesk.ttf');
}
h1 {font-family: 'RaleGrotesk-Medium';}
h2 {font-family: 'RaleGrotesk-Light';}
h3 {font-family: 'RaleGrotesk-Regular';}
h4 {font-family: 'RaleGrotesk-Medium';}
p {font-family: 'RaleGrotesk-Light';}