Custom Fonts not Rendering

Hi,

We can't get our custom fonts to work beyond the local machine! 

We have tried everything incl preloading them as well as having the woff2/woff on the css and nothing seems to work. See the current approach below! anything you can do to help would be great.

https://domainewolf.squarespace.com

font-face{
  font-family: 'Adelon Serial';
  src: url(https://static1.squarespace.com/static/633312b161044b5abdf7c2ce/t/637fc52921a66323e56ff0b9/1669317929824/AdelonSerial.woff2) format('woff2');
}

font-face{
font-family:'Material Symbols Outlined';
src: url(https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,100,0,200);
}

font-face {
font-family: 'Panama';
  src: url(https://static1.squarespace.com/static/633312b161044b5abdf7c2ce/t/633314edb2de5c788ee26bcc/1664292077908/panama-webfont.woff2) format('woff2');
  
}
font-face {
font-family: 'YoungBaroqueStd'; src: url(https://static1.squarespace.com/static/633312b161044b5abdf7c2ce/t/6333150ec7dd864453b78aab/1664292110803/YoungBaroqueStd.woff2) format('woff2');
}
p{
  font-family:'Panama';
}
.cart-row-desc a{
  font-family: 'Adelon Serial' !important;
}
.current-language{font-family:'Panama';}
h1, h2, h3 {
font-family: 'Adelon Serial' !important;
}

to anyone who needs help with something like this. We came up with a little hack which sorts it out.

Inject in the header code:

// A FUNCTION TO RELOAD ALL THE CSS... LABOUR INTENSIVE BUT HEY...
function reloadCss()
{
    var links = document.getElementsByTagName("link");
    for (var cl in links)
    {
        var link = links[cl];
        if (link.rel === "stylesheet")
            link.href += "";
    }
}
var FONTABC = new FontFace('Font Face', 'url(https://static1.squarespace.com/static/your font URL)');
FONTABC.load().then(function(loaded_face) {
	document.fonts.add(loaded_face);
// WHEN THE JS LOADS THE FONT RELOAD THE CSS.
      	reloadCss();
      	console.log('Font Is In');
}).catch(function(error) {
	// error occurred
	console.log('a SOMETHING F***ked UP');
});