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';
}