Custom font suddenly broken? (All details included)

All of the sudden my site's custom heading font is no longer working. I wasn't even working on my site when this happened. It's just suddenly no longer working.  I've re-uploaded the font to Squarespace to see if that would fix it but it didn't. Anyone have any idea why this may have happened?

Here's my website:

https://danielbergin.com/

Here's the font:

https://1924.us/products/foreigner-font-by-1924us

Here's the custom CSS:

@font-face {
font-family: 'Foreigner';
src: url('https://static1.squarespace.com/static/62e19979c49d012dc34d85a2/t/64c417e77b31495f937d7660/1690572775629/Foreigner.otf');
}

h1 {
font-family: 'Foreigner';
}

h2 {
font-family: 'Foreigner';
}

.red-neon-text { 
  color: #ffdc96 !important; 
  text-shadow: 0 0 10px #fd0f1f, 0 0 20px #fd0f1f, 0 0 30px #fd0f1f, 0 0 40px #fd0f1f; 
}

And here's the code I use in the code block to add the text to pages:

<center>
<h1 class="red-neon-text">
WELCOME</h1>
</center>