diazfelipe47 Posted August 20 Share Posted August 20 Hi! I´m having the same problem. 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. Please tell me what I need to send you to resolve this problem. Here´s the website and the custom CSS: https://www.astrasteam.com.co/ .gallery-caption-content{font-family: 'Open Sans'!important;} Thanks, Felipe Link to comment
Solution paul2009 Posted August 21 Solution Share Posted August 21 (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 August 21 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
diazfelipe47 Posted August 21 Author Share Posted August 21 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
diazfelipe47 Posted August 21 Author Share Posted August 21 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 paul2009 1 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