Jump to content

Letter-spacing not respected on apple devices – Farro Template

Recommended Posts

Hello,

A small imperfection but a curious one. While I have set the letter spacing to zero, for some reason my site Title (top left instead of logo), the titles of the projects (or blog posts in the base-template) and the links in the footer have letter-spacing on iPad and iPhones.

This can only been seen when you check the device itself (not Developer Tools). I have also checked some non apple devices and this issue is not apparent. I have attached a screenshot from my phone vs from developer tools to compare.

Does anyone know what might be causing this and have any suggestions on how to block it?

img-0619.jpg.4faeb807ee129c3f469eb34d1ca1df3d.jpg

screen-shot-2019-07-03-at-12623-pm.jpg.0028b8d389c044fd8e0384b935e3f234.jpg

Link to comment
  • Replies 5
  • Created
  • Last Reply

@AnnieTimmins @AnnieTimmins Try changing font family of Title to another font and check again.or try css(You should try both, change font & css)


.has-site-title .Header-branding {
   font-weight: 400 !important;
   }




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

Archived

This topic is now archived and is closed to further replies.


×
×
  • 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.