Jump to content

Generic Font Incorrect on Mobile

Go to solution Solved by Ziggy,

Recommended Posts

Hello, for some reason mobile devices are not displaying the Lato font correctly. It is not a custom font, it's a generic option. 

 

Let me know if anyone has found any solutions. I have tried choosing another font then going back to Lato and it hasn't fixed anything. 

 

The correct font is viewed on the mobile viewer within the squarespace builder. The incorrect font is viewed on my mobile device. Have tried different mobile devices as well. 

CorrectFont.png

IncorrectFont.jpg

Link to comment
  • Replies 8
  • Views 389
  • Created
  • Last Reply

Top Posters In This Topic

Can you share your website URL?

Do you have any custom coding?

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
14 hours ago, ghingeley said:

Yes, I do have some custom code. 

You appear to be applying this font to the paragraph text:

"Switzer-Light"

When that doesn't work it is probably reverting to that basic serif font.

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

@Ziggy Here's the code I found you're talking about. I just want this to be applied to the burger menu but for the rest of my sight to retain the Lato font in paragraphs through the styles menu. For some reason it's using it everywhere as the paragraph. I tried changing the font to Helvetica-Bold and it's doing the same thing. Is it possible to help correct this? 

 

//burger menu
p {
font-family: 'Helvetica-Bold';}
.header .header-burger{display:flex}
.header-nav, .header-actions {display:none}
.header--menu-open .header-menu {
opacity: 1; visibility: visible;
}

Link to comment
  • Solution
38 minutes ago, ghingeley said:

p {
font-family: 'Helvetica-Bold';}

This first portion is targeting all paragraph text.

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
5 minutes ago, ghingeley said:

@Ziggy Thank you so much! Going to send you an email to touch base for future coding help! 

Happy to help!

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

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.