Jump to content

Customized fonts suddenly stopped working

Go to solution Solved by tuanphan,

Recommended Posts

I wrote custom CSS about a year ago to put the fonts Louis George Cafe and Manrope ExtraBold into my site, and I haven't edited the CSS since, but today Manrope suddenly stopped working. I've tried removing the code and pasting it back in piece by piece, but Manrope still isn't working. I'm having a hard time finding where the error is, does anyone have ideas?

Here's the current CSS:

 

@font-face {
font-family: Manrope ExtraBold;
src: url(https://static1.squarespace.com/static/619e8321110cac641ad5fc89/t/62ec95d0b973b071b5ee6881/1659672016371/manrope-extrabold.ttf);
}

@font-face {
font-family: Louis George Cafe;
src: url(https://static1.squarespace.com/static/619e8321110cac641ad5fc89/t/62ec95dca3be4708ae1460b0/1659672028074/Louis+George+Cafe.ttf);
}

h1 {
font-family: 'Manrope ExtraBold';
}

h2 {
font-family: 'Manrope ExtraBold';
}

h3 {
font-family: 'Manrope ExtraBold';
}

h4 {
font-family: 'Manrope ExtraBold';
}

.sqsrte-large {
font-family: 'Louis George Cafe';
}

p {
font-family: 'Louis George Cafe';
}

.sqsrte-small {
font-family: 'Louis George Cafe';
}

// Small or Tertiary Button //
.sqs-block-button-element--small,  .sqs-button-element--tertiary {
  font-family: Manrope ExtraBold !important;
}

// Medium or Primary Button //
.sqs-block-button-element--medium, .sqs-button-element--primary {
  font-family: Manrope ExtraBold !important;
}

// Large or Secondary Button //
.sqs-block-button-element--large, .sqs-button-element--secondary {
  font-family: 'Manrope ExtraBold' !important;
}

// Site Title //
.header-title-text a {
  font-family: 'Manrope ExtraBold'  !important;
}

// Site Navigation //
.header-nav-item a {
  font-family: 'Louis George Cafe' !important;
}

// Button //
.header-actions-action .btn {
  font-family: 'Manrope ExtraBold' !important;
}

// Announcement Bar //
.sqs-announcement-bar-url a {
  font-family: 'Louis George Cafe' !important;
}

// Gallery //

.gallery-section .gallery-caption p {
font-family: 'Louis George Cafe' !important;
}

// Portfolio //

.portfolio-grid-overlay .portfolio-title {
  font-family: 'Manrope ExtraBold';
}

.item-pagination-link .item-pagination-title {
  font-family: 'Manrope ExtraBold' ;
}

// Contact //

.form-wrapper .field-list .title {
  font-family: 'Louis George Cafe';
}

.form-wrapper .field-list .field .caption {
  font-family: 'Louis George Cafe';
}

// Mobile Menu //

.header--menu-open .header-menu-nav-folder-content a  {font-family:'Louis George Cafe';
 }

Screen Shot 2023-07-28 at 11.39.01 AM.jpg

Link to comment
  • Replies 2
  • Views 773
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

  • Solution

Use this new code

@font-face {
font-family: Manrope ExtraBold;
src: url(https://static1.squarespace.com/static/619e8321110cac641ad5fc89/t/62ec95d0b973b071b5ee6881/1659672016371/manrope-extrabold.ttf);
}
@font-face {
font-family: Louis George Cafe;
src: url(https://static1.squarespace.com/static/619e8321110cac641ad5fc89/t/62ec95dca3be4708ae1460b0/1659672028074/Louis+George+Cafe.ttf);
}

h1, h2, h3, h4 {
font-family: 'Manrope ExtraBold' !important;
}

.sqsrte-large, p, .sqsrte-small  {
font-family: 'Louis George Cafe' !important;
}

// Small or Tertiary Button //
.sqs-block-button-element--small,  .sqs-button-element--tertiary {
  font-family: Manrope ExtraBold !important;
}

// Medium or Primary Button //
.sqs-block-button-element--medium, .sqs-button-element--primary {
  font-family: Manrope ExtraBold !important;
}

// Large or Secondary Button //
.sqs-block-button-element--large, .sqs-button-element--secondary {
  font-family: 'Manrope ExtraBold' !important;
}

// Site Title //
.header-title-text a {
  font-family: 'Manrope ExtraBold'  !important;
}

// Site Navigation //
.header-nav-item a {
  font-family: 'Louis George Cafe' !important;
}

// Button //
.header-actions-action .btn {
  font-family: 'Manrope ExtraBold' !important;
}

// Announcement Bar //
.sqs-announcement-bar-url a {
  font-family: 'Louis George Cafe' !important;
}

// Gallery //

.gallery-section .gallery-caption p {
font-family: 'Louis George Cafe' !important;
}

// Portfolio //

.portfolio-grid-overlay .portfolio-title {
  font-family: 'Manrope ExtraBold' !important;
}

.item-pagination-link .item-pagination-title {
  font-family: 'Manrope ExtraBold' !important;
}

// Contact //

.form-wrapper .field-list .title {
  font-family: 'Louis George Cafe' !important;
}

.form-wrapper .field-list .field .caption {
  font-family: 'Louis George Cafe' !important;
}

// Mobile Menu //

.header--menu-open .header-menu-nav-folder-content a  {font-family:'Louis George Cafe' !important;
 }

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

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.