hi there, i wasn't aware that my issue was so recurrent until i've found this thread.
same problem here as everybody. fonts not showing til click the custom css area...
if someone can help, here's the website:
https://cymbals-fennel-cr6g.squarespace.com/
here's the code...
@import url('https://fonts.googleapis.com/css?family=Darker+Grotesque:wght@300;400;500;600;700&display=swap');
@font-face {font-family: 'Darker Grotesque', sans-serif;}
.header-nav *, nav.header-menu-nav-list * {
font-family: 'Darker Grotesque', sans-serif;
font-weight: 500;
}
p, p1, p2, p3, p4, p5 {
font-family: 'Darker Grotesque', sans-serif;
font-weight: 400;
}
.button {
font-family: 'Darker Grotesque', sans-serif !important;
font-weight: 600 !important;
padding-top: 15px !important;
padding-bottom: 19px !important;
}
b, bold, strong {
font-weight: 600;
}
h1, h2 { font-family: 'Darker Grotesque', sans-serif !important;
font-weight: 500;
}
h3, h4, h5 {
font-family: 'Darker Grotesque', sans-serif !important;
font-weight: 500;
}
h2.newsletter-form-header-title {
font-family: 'Darker Grotesque', sans-serif !important;
font-weight: 600 !important;
}
nav {
font-family: 'Darker Grotesque', sans-serif;
font-weight: 500;
}
h1 a, h2 a, h3 a, h4 a, p a {
text-decoration: none !important;
}
.sqs-block-html a {
background-image: none !important;
}
.form-wrapper .field-list .title {
font-family: 'Darker Grotesque', sans-serif;
font-weight: 400;
}
.form-wrapper .field-list .field .caption {
font-family: 'Darker Grotesque', sans-serif;
font-weight: 400;
}
.form-wrapper .field-list .description {
font-family: 'Darker Grotesque', sans-serif;
font-weight: 400;
}
button.lightbox-handle {
font-family: 'Darker Grotesque', sans-serif;
font-weight: 400;
}
.form-wrapper input[type=submit] {
font-family: 'Darker Grotesque', sans-serif;
font-weight: 400;
}
.sqs-block-newsletter .newsletter-form-field-element {
font-family: 'Darker Grotesque', sans-serif;
font-weight: 400;
padding-top: 12px !important;
padding-bottom: 15px !important;
}
.newsletter-block .newsletter-form-button {
font-family: 'Darker Grotesque', sans-serif !important;
font-weight: 600 !important;
padding-top: 13px !important;
padding-bottom: 17px !important;
}
.sqs-block-summary-v2 {
.summary-title {
font-family: 'Darker Grotesque', sans-serif !important;
font-size: 1.7em !important;
line-height: 1em;
}
.summary-heading {
font-size: 2em !important;
line-height: 1em;
}
.summary-excerpt p {
font-size: 1em !important;
line-height: 1em;
}
}
.blog-item-title h1.entry-title {
font-family: 'Darker Grotesque', sans-serif !important;
font-weight: 500 !important;
line-height: 1em !important;
}
.item-pagination-title {
font-family: 'Darker Grotesque', sans-serif !important;
font-weight: 500 !important;
}