tuanphan Posted May 1, 2022 Share Posted May 1, 2022 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? 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
jonaspacheco Posted May 2, 2022 Share Posted May 2, 2022 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. Link to comment
tuanphan Posted May 5, 2022 Share Posted May 5, 2022 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"> 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
jonaspacheco Posted May 6, 2022 Share Posted May 6, 2022 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. Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment