CSS changes don't display until clicking on CSS Editor in menu

On 4/29/2022 at 8:54 PM, jonaspacheco said:

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

Hi, Do you use Business or Commerce Plan or Personal?

On 5/1/2022 at 4:29 AM, tuanphan said:

Hi, Do you use Business or Commerce Plan or Personal?

i have a business one.

On 5/2/2022 at 6:33 PM, jonaspacheco said:

i have a business one.

Don't remove any code in your current code

Try adding this code to Settings > Advanced > Code Injection > Header

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css?family=Darker+Grotesque:wght@300;400;500;600;700&display=swap" rel="stylesheet">

On 5/5/2022 at 6:15 AM, tuanphan said:

Don't remove any code in your current code

Try adding this code to Settings > Advanced > Code Injection > Header

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css?family=Darker+Grotesque:wght@300;400;500;600;700&display=swap" rel="stylesheet">

 

thank you very much! worked like a charm.