Ogg font not displaying on Safari

I've added Ogg font files to the custom CSS but the font isn't displaying in Safari (working in Chrome). Trial site is here: fynch-financial.squarespace.com (pw: grant2022).

The CSS I've added is:

font-face {
  font-family: "Ogg";
  src: url('https://static1.squarespace.com/static/6359b0c8fa2fa4235118342e/t/6376b61e38489200c3f265f6/1668724256804/Ogg-Medium.otf');
  src: url('https://static1.squarespace.com/static/6359b0c8fa2fa4235118342e/t/6359b25367aad05836d0f12f/1666822740243/Ogg-Medium.woff'), url('https://static1.squarespace.com/static/6359b0c8fa2fa4235118342e/t/6376b38977fe2749ccf31d75/1668723594505/Ogg-Medium.woff2');
}

h1, h2, h3 {
  font-family: "Ogg" !important;
  letter-spacing: -0.02em;
}

Any help would be appreciated! Thank you!

Not sure why that's happening, but I'm not sure the CSS is quite right, try this replacement:

@font-face {
  font-family: "Ogg";
  src: url('https://static1.squarespace.com/static/6359b0c8fa2fa4235118342e/t/6376b61e38489200c3f265f6/1668724256804/Ogg-Medium.otf'), url('https://static1.squarespace.com/static/6359b0c8fa2fa4235118342e/t/6359b25367aad05836d0f12f/1666822740243/Ogg-Medium.woff'), url('https://static1.squarespace.com/static/6359b0c8fa2fa4235118342e/t/6376b38977fe2749ccf31d75/1668723594505/Ogg-Medium.woff2');
}

h1, h2, h3 {
  font-family: "Ogg" !important;
  letter-spacing: -0.02em;
}