Custom font not loading on mobile

Hi! I'm having issues getting my custom font to show up on mobile. Seems to work show up fine on web so far. Here is the CSS:

@font-face {
font-family: 'LARKEN';
src: url('https://static1.squarespace.com/static/62f7bcb7fbdd5d2746a27f4f/t/62f7bf2011312b03dbb2d70f/1660403488367/font.woff');
}
h1 {
font-family: 'LARKEN';
}
h2 {
font-family: 'LARKEN';
}
h3 {
font-family: 'LARKEN';
}
h4 {
font-family: 'LARKEN';
}
p {
font-family: 'LARKEN';
}
a {
font-family: 'LARKEN';
}
button {
font-family: 'LARKEN';
}

If you have any ideas for how to correct this, I would greatly appreciate it! Thank you.

Hi,

The font file url doesn't exist. Or you are using Trial Plan, sometime uploaded file won't work on Trial Plan

https://static1.squarespace.com/static/62f7bcb7fbdd5d2746a27f4f/t/62f7bf2011312b03dbb2d70f/1660403488367/font.woff