Jump to content

Custom CSS Font appears duplicate/with a drop shadow on mobile

Recommended Posts

Hi there, 

I was wondering if anyone is able to help me. I uploaded Norman Fat font family to my site a while ago and all is working great. But when I added scrolling text banner, on mobile the text appears doubled, or like it has a weird drop shadow. It doesn't appear like this on desktop, nor in the 'mobile view' on the Squarespace editor, just when I look at it on my iPhone. 

Can anyone advise how to change the font weight for this, when the only options for the text design are 'heading' or 'paragraph', so I don't even know if it's using the H3 or H4 etc . 

Any help would be much appreciated! 



Screenshot 2023-07-27 at 21.10.43.png

Screenshot 2023-07-27 at 21.11.01.png

Link to comment
  • Replies 5
  • Created
  • Last Reply

Top Posters In This Topic

On 8/1/2023 at 2:49 PM, georgiek said:

How weird! Can I ask what mobile phone you use? On mine and my partner's iPhone 13s it doesn't look great, but good to know it's not the case on every phone. 


I use Samsung/Android. Maybe problem from custom font. You try checking website where you get the font, to see if the font works there or not.

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.