Hello, I'm also having the same issue!
One of my custom fonts isn't working on mobile for some reason. Everything appears to be working in the Squarespace editor just fine but when I check my phone they're not the same.
All of the Termina Demi sections don't work on mobile except for the mobile menu which I added css for.
// Fonts //
@font-face {
font-family: Termina Demi;
src: url('https://static1.squarespace.com/static/63f8fd55ee545172d652c8a7/t/63fe359b332fe92ef76507e6/1677604251588/Termina-Demi.woff');
}
@font-face {
font-family: Mundial Regular;
src: url(https://static1.squarespace.com/static/63f8fd55ee545172d652c8a7/t/63fe35cc0e256a7c9b9e5165/1677604300568/Mundial-Regular.woff);
}
@font-face {
font-family: Mundial Bold;
src: url(https://static1.squarespace.com/static/63f8fd55ee545172d652c8a7/t/63fe35c45a90c93cc40d48f7/1677604292850/Mundial-Bold.woff);
}
h1 {
font-family: 'Termina Demi';
text-transform: uppercase;
font-size: 40px;
}
h2 {
font-family: 'Termina Demi';
text-transform: uppercase;
font-size: 27px;
}
h3 {
font-family: 'Mundial Bold';
font-size: 20px;
text-transform: uppercase;
}
.sqsrte-large {
font-family: 'Mundial Regular';
font-size: 22px;
line-height: 2rem;
}
p {
font-family: 'Mundial Regular';
font-size: 17px;
}
.sqsrte-small {
font-family: 'Mundial Bold';
font-size: 17px;
}