Heading Font not working

Hi! Yesterday i visited my website and notice that my custom headings font stopped working. I had worked for the last 8 months I have had my website live. The custom paragraph font is still working, just the headings are not. What shoud I do? this is my css code:

@font-face {
  font-family: 'Archivo';
  src: url(https://static1.squarespace.com/static/62cf0c5cc1de9c4883c079bf/t/634f3e19f19ac6734d720e3d/1666137629167/Archivo-VariableFont_wdth%2Cwght.ttf);
}

h1, h2, h3, h4 {
  font-family: 'Archivo' !important;
  font-variation-settings: 'wdth' 100;
}
p {
  font-family: 'Archivo', 'fallbackfont', sans-serif;
  font-variation-settings: 'wdth' 123;
}

What is your site url? We can check easier