vaishaliganda Posted March 29, 2021 Share Posted March 29, 2021 Site URL: https://www.studiovaishali.com/shop/p/concept-moodboard Everything on my site works perfectly on desktop, tablet + mobile EXCEPT for my new product pages. On desktop, they're fine. On desktop inspection to mobile, they're fine. On SquareSpace edit for desktop + mobile, they're fine. However, when actually viewing on mobile + tablet, default fonts pull through and I don't know why?! It's all of the details under the H1 including the CTA. Here's an attachment for reference + the CSS I'm using to target this section: .collection-type-products .ProductItem-details .ProductItem-details-excerpt { font-family: 'Sofia Pro' !important; font-size: 1em !important; line-height: 1.4em !important; letter-spacing: 1px } Link to comment
tuanphan Posted April 10, 2021 Share Posted April 10, 2021 Hi, Try changing font name to this Quote font-family: 'sofia-pro' !important; 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
jenny234299 Posted May 3, 2021 Share Posted May 3, 2021 I had the same problem, I was using @import to call the fonts in the Custom CSS area, and it worked on my main computer but not on mobile or tablet. I fixed it by adding the <link> code from adobe to the <head> area on SS ( Squarespace Dashboard > Settings > Advanced > Code Injection > Header ) I would only recommend doing this if you know what you're doing with HTML, but if you're willing you can copy and paste the <link> tag from the Embed Project area on fonts.adobe into the <head> on SS and all your fonts should work. And if you attempt it and something goes wrong you can always undo ( [ 'command + z' on mac ] [ 'control + z' on pc ] ) and revert your changes. Good Luck! 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