Jump to content

Custom Fonts are not showing anymore with CSS

Recommended Posts

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;
}

Link to comment
  • Replies 1
  • Views 729
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.