Jump to content

Custom font not showing on mobile

Recommended Posts

I have a custom font for all headings but it is not showing up on mobile. When I'm on the desktop editing my mobile site it is there but when I go on the Squarespace app or view the website online on a mobile it is subbing in another font (second screenshot).

This is the code I used to put my custom font in. Should I change it somehow?
 

@font-face {

    font-family: 'Common';

       src: url('https://static1.squarespace.com/static/64aa41417398e76d5c249b09/t/64aa9028aa15cd74895a821b/1688899624415/Common.otf');

  }
h1, h2, h3, h4 {font-family: 'Common';}

Screenshot 2023-09-26 111513.png

384162823_324828296707281_2987565175202552251_n.jpg

Link to comment
  • Replies 4
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Can you share the website URL and add a site wide password so I can test what's going on?

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

I think the font is actually rendering as Monserrat. When I put the font file referenced into my browser it tells me the the hosting site has been deleted. Do you have the font file you can re-upload? That would probably fix this.

https://static1.squarespace.com/static/64aa41417398e76d5c249b09/t/64aa9028aa15cd74895a821b/1688899624415/Common.otf

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

You may well not have finished, but just in case this is helpful I wanted to share the view of the homepage I currently see:

image.thumb.png.0aa4c9f591b1a472eef6efbecfea4163.png

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

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.