Custom font not showing

Site URL: http://www.markscalil.com

Hello -

Custom font (Sackers Gothic) for headers isn't showing on my site www.markscalil.com – it was working for several days after launch but for the last three days has dropped in and out.

Custom font does currently show on incognito/private mode on Chrome/Safari.

Any way to stabilise the font?

Thank you!

Since it appears to be working correctly at the moment, could you share here the Custom CSS that you've added to your website to add the font, just in case someone can spot an error that might be causing the instability? Thanks!

Thanks Ziggy. I tweaked the CSS this afternoon and it seems to be functioning on desktop for now. Font not pulling through on mobile though, although it does show on the mobile viewer on the Squarespace editing platform. Code here:

@font-face {
    font-family: 'Sackers Gothic';
       src: url('https://static1.squarespace.com/static/631f5c354b5628025282309e/t/631f6bced487a51640e656a5/1663003598455/SackersGothicStd-Medium.otfFontURL');

  }

h1 {font-family: 'SackersGothicStd-Medium'}

.header-title-text {
  font-family:'SackersGothicStd-Medium'
 }

h2 {font-family: 'SackersGothicStd-Medium'}

.header-title-text {
  font-family:'SackersGothicStd-Medium' !important 
}

h3 {font-family: 'SackersGothicStd-Medium'; }

.header-title-text {
  font-family:'SackersGothicStd-Medium';
}

h4 {font-family: 'SackersGothicStd-Medium'; }

.header-title-text {
  font-family:'SackersGothicStd-Medium'; 
}

h3 {font-family: 'SackersGothicStd-Medium'; }

.header-display-mobile .header-title-text {
  font-family:'SackersGothicStd-Medium'; 
}

The font file url in your code doesn't exist. You should check it again

Thanks both. Think I have fixed with a new font file