Custom Fonts are not showing anymore with CSS

Site URL: https://www.karilake.com/

The custom fonts were working a few days ago and suddenly they are not appearing even with CSS. Here are the CSS codes as they appear. 

@font-face {
 font-family: 'Geared Bold';
src: url(https://static1.squarespace.com/static/60b6d7b030f94f1039a30b3a/t/60b6db581094591797a51d14/1622596440418/GearedSlab-Bold.ttf)
}
@font-face {
 font-family: 'Geared';
src: url(https://static1.squarespace.com/static/60b6d7b030f94f1039a30b3a/t/60b6db5f4848d052f2992a43/1622596447808/GearedSlab.ttf)
}
@font-face {
 font-family: 'Garnet';
src: url(https://static1.squarespace.com/static/60b6d7b030f94f1039a30b3a/t/60b6db620196f374ad5cb35b/1622596450844/Ksenia+Belobrova+-+Garnet+Capitals+Black.otf)
}
@font-face {
 font-family: 'Luminaire';
src: url(https://static1.squarespace.com/static/60b6d7b030f94f1039a30b3a/t/60b6db655a8993514860d19c/1622596453991/Luminaire-Script-Regular.otf)
}

@font-face {
 font-family: 'Cervo';
src: url(https://static1.squarespace.com/static/60b6d7b030f94f1039a30b3a/t/60b6db6faa8ef9068c956635/1622596463710/Typoforge+Studio+-+CervoNeue-RegularNeue.otf)
}

h1 {font-family:Geared Bold;}
h2 {font-family:Geared;}
h3 {font-family:Garnet;}
h4 {font-family:Luminaire;}
p {font-family:Cervo;}
nav a {
font-family:Geared Bold;}
nav b {font-family:Geared Bold;}
.Mobile-overlay-nav-item, .Mobile-overlay-folder-item{font-family: 'Cervo' !important;}
.sqs-block-button-element {
  font-family: 'Geared' !important;
}
.newsletter-form-header-title {
    font-family: 'Geared' !important;
}
h1.ProductList-title {
    font-family: 'Geared Bold' !important;
}
.empty-message {
    font-family: 'Geared' !important;
}

It looks like the font files doesn't exist.

You try clicking all font files above & check again