Custom font not displaying on trial site

Hi,

I've uploaded a custom font file (this one to be exact: https://www.dafont.com/steelfish.font). It is a 100% free font file. And I've used the following code: 

@font-face { 
font-family: 'steelfishrg';
src: url ('https://static1.squarespace.com/static/645bd2aa2b1dcd50418e979b/t/645bd4c0da76f657dba1bea9/1683739840357/steelfishrg.otf');
}

h1, h2 {
  font-family: 'steelfishrg' !important;
}

Pretty sure the code is good as I've uploaded and worked with custom fonts before. What am I missing? As the font doesn't display.

The site is a trial site. https://corn-pigeon-csrd.squarespace.com | Pwd: demo

Thanks is advance.

From what I can see in the code, the font you uploaded is being applied, it just doesn't appear to be the font you wanted (can be a problem with free fonts). Can you try opening up the font file on your computer and seeing if it's correct there?

Thanks, I actually reaached out to the folks at the font website and they said the free version I downloaded was only for desktop and not for the web. So that's why its not working.