Jump to content

Custom Font Flashes

Recommended Posts

After adding a custom font to the site when you navigate to a different page the custom font loads switch back to the original then reappears again. Is there something I added wrong that is causing it to "flash"? Unfortunately the site isn't ready to publish or I would provide a link.

/*
Eliminates margin surrounding block
*/
[data-section-id="62b239e571face0a010c1aaa"] .content-wrapper {
  max-width: 100%;
  padding-left: 1 !important; //Adjust left margin
  padding-right: 1 !important; //Adjust right margin
}
#block-4e2489bd7ca48fc338a6 {
  padding: 0;
}
[data-section-id="62b239e571face0a010c1aaa"] .sqs-row {
  margin: 0;
}
/*
Changes form fields to white
*/
.form-wrapper .field-list .field .field-element{
  background-color: #FAFBFC;
  border: 1px solid #000000;
  //Set to none to remove lines
  border-radius: 0;
  //Rounded edges
}
.form-wrapper input[type=submit]{
  border: 1px solid #000000;
  transition: all .6s ease 0s!important;
}
.form-wrapper input[type=submit]:hover{
  color: #000000 !important;
  background-color: #A88959 !important; 
  //Hover background color
}
/*
Hide scrollbar for Chrome, Safari, and Opera
*/
body::-webkit-scrollbar {
  display: none;
}
/*
Hide scrollbar for IE and Edge
*/
body {
  -ms-overflow-style: none;
}
/*
Inquiries button hover color
*/
.sqs-button-element--primary:hover {
  color: #000000 !important;
  background-color: #A88959 !important;
  transition-duration: 0.4s;
}
/*
Creates custom font Coral Blush Serif
*/
@font-face {
    font-family: 'CoralBlushSerif';
       src: url('https://static1.squarespace.com/static/62b0d194d15c1631dea562e0/t/62f52d2d9078f203c99db2c5/1660235054018/CoralBlushSerif.woff');
}
h1 {font-family:'CoralBlushSerif'!important;}
h2 {font-family:'CoralBlushSerif'!important;}
h3 {font-family:'CoralBlushSerif'!important;}
#collection-62b239e571face0a010c1aa4 a{
  font-family:'CoralBlushSerif'!important;
}
#collection-62b2478209d3f80d7a069681 a{
  font-family:'CoralBlushSerif'!important;
}
.list-section-title p{
    font-family:'CoralBlushSerif'!important;
}

 

Link to comment
  • Replies 1
  • Views 693
  • 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.