Custom font not showing on mobile

Hi All,

The website: https://moncton.squarespace.com/

I'm currently in the process of adding in a custom font for my headings 1-5 with CSS. On desktop, the fonts show up just fine, no matter what browser. However when I view the website on my phone, the font doesn't show up at all.

Here is the code:

@font-face {
  font-family: 'Perfectly Nineties'; 
  src: url(‘https://static1.squarespace.com/static/66e6ffe01f00cd60f09e70a6/t/66ec4440e01e6d0cfbcca613/1726760000796/perfectlynineties-regular-webfont.woff’) format('woff');
}

h1, h2, h3, h4, h5{
  font-family: 'Perfectly Nineties', serif !important; 
}

Thanks for any help:)