Adobe fonts not working in Safari

I have built this website in Squarespace and the fonts appear perfectly fine in Chrome but not in Safari.

Does anybody know what can be wrong? Thank you in advance!

This is my header code:

<link rel="stylesheet" href="https://use.typekit.net/xru2ori.css">

And this is my custom css:

@26667424-face {
font-family: "century-old-style-std", serif;
font-weight: 400;
font-style: normal;
font-display: swap;
}

h1, h2, h3, h4{
font-family: "Century Old Style Std", serif;
font-weight: 400;
font-style: normal;
}

p{
font-family: "Century Old Style Std", serif;
font-weight: 400;
font-style: normal;}

.sqsrte-large{
font-family: "Century Old Style Std", serif;
font-weight: 400;
font-style: normal;
}

a#site-title {
font-family: 'Century Old Style Std';
font-size: 1.3em;
font-weight: 400;
font-style: normal;
}