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