Jump to content

Font not applying on mobile IOS?

Recommended Posts

Site URL: https://southernspells.squarespace.com/readings

For some reason, a few text elements are rendering with no font applied on mobile (iPhone). I'm just using standard Squarespace fonts, however I have used CSS variables so that it applies certain fonts i.e. "@subheading". 


@heading: 'guanabara-sans';
@paragraph: 'proxima-nova';
@subheading: 'proxima-nova-condensed';

CSS for affected areas

.ProductItem-nav-breadcrumb-link {
  font-family: @heading !important;

h3 strong,
h4 strong,
a.product-title {
   	font-family: @subheading !important;
  	text-transform: uppercase !important;
  	letter-spacing: 0.25em !important;

Affected areas (screenshot) 




Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

5 hours ago, pearler1570048501 said:

@tuanphan Unfortunately it hasn't worked when I've removed variables also

If so, you should contact Squarespace Customer Care, maybe the font has error itself

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.