Jump to content

CSS custom font not working in accordion feature on mobile

Recommended Posts

Hi there. I have a problem with my custom fonts. Everywhere they work good. Only on the mobile version the discription of the accordion feature is a random font. 

I tried to put this:

}

div.accordion-item__description * {
    font-family: 'basier-square-regular' !important;
}

But it doesnt seem to work.

 

I also have this code:

// Paragraphs

// Paragraph 1
.sqsrte-large {
   font-family: 'basier-square-regular';
  font-weight: 600;

  font-style: regular;

  font-size: 19px;

  letter-spacing: 0.1em;

  text-transform: lowercase;

  line-height: 1em;
}

// Paragraph 2
p {
   font-family: 'basier-square-regular';
    font-weight: 700;

  font-style: regular;

  font-size: 25px;

  letter-spacing: 0.1em;

  text-transform: lowercase;

  line-height: 1em;
}

// Paragraph 3
.sqsrte-small {
   font-family: 'basier-square-regular';
  font-weight: 700;

  font-style: regular;

  font-size: 40px;

  letter-spacing: 0.1em;

  text-transform: lowercase;

  line-height: 1em;
}

 

Can anyone help me out? Thx! 

Edited by BrandBItes
Link to comment
  • Replies 6
  • Views 1.4k
  • Created
  • Last Reply

Top Posters In This Topic

Can you share your website URL and the page with an accordion?

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

Have you added this font to your website?

basier-square-regular

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

Yes, I did. It's visible at the bottom of the website. But for some reason it's not working in the accordion feature. I see on the web version it has also stopped working & changed to the default font now. 

Schermafbeelding 2024-02-28 164822.png

Edited by BrandBItes
forgot to add image
Link to comment

From the bits I can see it looks like your setup is good.

It also looks like the font is being applied, but if there's a problem with the font file, it may be defaulting to a random font. This is what I see:

image.png.a18cecad250b4c42ea577c3701dc2fc8.png

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
  • 2 weeks later...

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.