Font not showing up on Safari

Site URL: https://octagon-watermelon-khkb.squarespace.com/

Hi there!

I'm using a custom font for my headers. It's showing up fine on Chrome, but on Safari it defaults to a different sans serif!

Here's the code:

font-face {
font-family: 'Mojave';
src: url('https://static1.squarespace.com/static/62f548fb29eb7a7703f5eae8/t/62feccc55d5a8520503f5f27/1660865733475/Mojave.otf');
}

h1 {font-family: 'Mojave';}
h2 {font-family: 'Mojave';}
h3 {font-family: 'Mojave';}
h4 {font-family: 'Mojave';}

WEBSITE: https://octagon-watermelon-khkb.squarespace.com/

PASSWORD: tessa

Hi. Do you have any other font format? eg: ttf, woff, woff2,...?