Jump to content

Custom Font "Open Sans" not appearing on mobile

Go to solution Solved by paul2009,

Recommended Posts

  • Replies 3
  • Views 251
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

  • Solution
Posted (edited)
13 hours ago, diazfelipe47 said:

I put the Open Sans font for a gallery on my website (custom CSS) and it looks great in desktop, but in iOS mobile it doesn't.

.gallery-caption-content{font-family: 'Open Sans'!important;}

The CSS you have quoted tells Squarespace to use the Open Sans font, if it is loaded. However, your CSS doesn't actually load the font file. It's probably working on your desktop because the font is already available on that device.

To make it available to everyone who visits your site, you'll need to ensure that Open Sans is loaded by selecting it as a font choice in Site Styles (preferred as it is a standard font), or load it manually with a font face statement.

Did this help? Please give feedback by clicking an icon below  ⬇️

Edited by paul2009

Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.

Would you like your customers to be able to mark their favourite products in your Squarespace store?

Link to comment
19 hours ago, thesquareteam said:
Hi Felipe,

I can definitely resolve the font issue on iOS mobile for your website. If you could share the full custom CSS and any media queries you’ve used, I’ll troubleshoot the problem and ensure the font displays correctly across all devices.

Thanks!

I managed to fix it, thank you!! 

Link to comment
6 hours ago, paul2009 said:

The CSS you have quoted tells Squarespace to use the Open Sans font, if it is loaded. However, your CSS doesn't actually load the font file. It's probably working on your desktop because the font is already available on that device.

To make it available to everyone who visits your site, you'll need to ensure that Open Sans is loaded by selecting it as a font choice in Site Styles (preferred as it is a standard font), or load it manually with a font face statement.

Did this help? Please give feedback by clicking an icon below  ⬇️

Hi, indeed I hadn´t put Open Sans in the Site Styles, it worked! thanks 

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.