Jump to content

Custom font doesn't work in my client's computer

Go to solution Solved by Ziggy,

Recommended Posts

Hi, I've uploaded a font from my computer and for me everything it's okei, it works.

But my client, in her laptop, doesn't see the new font.

What's worng?

This is the code I'm using, thanks!

@font-face {

    font-family: 'Simula';

       src: url('FontURLhttps://static1.squarespace.com/static/63bee4b2762f11070ab07a68/t/63bee54f62a29d3e4b327466/1673454927235/Sharp+Type+-+Simula+Book.otf');

  }

h1 {font-family: 'Simula';}
h2 {font-family: 'Simula';}
h3 {font-family: 'Simula';}
h4 {font-family: 'Simula';}
h5 {font-family: 'Simula';}
h6 {font-family: 'Simula';}
p {font-family: 'Simula';}

 

Link to comment
  • Replies 9
  • Views 491
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

  • Solution

You haven't removed "FontURL" from the src when you replaced the placeholder text with the uploaded font file.

Here's the correction, plus addition of "a" for links:

@font-face {
    font-family: 'Simula';
    src: url('https://static1.squarespace.com/static/63bee4b2762f11070ab07a68/t/63bee54f62a29d3e4b327466/1673454927235/Sharp+Type+-+Simula+Book.otf');
}

h1, h2, h3, h4, h5, h6, p, a {
  font-family: 'Simula';
}

 

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

Yes, but it depends on whether your clients website is old or new, older SQS websites use small, medium and large, new ones use primary, secondary, and tertiary, and hence the selector IDs change.

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

The fonts on the blog should change along with all of the other headers and paragraph text, but I'm happy to check and adjust the code if needed. Can you share the website URL and this page? Thanks!

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

Try this CSS:

.site-wrapper, .sqs-block-archive .archive-block-setting-layout-dropdown .archive-dropdown-toggle-label, button, input, select, textarea, .blog-item-wrapper .blog-item-title h1.entry-title	 {
  font-family: 'Simula';
}

You may want to look into using this plugin for filtering and searching, it's very good, and certainly better than using archive blocks and the search block.

https://www.squarewebsites.org/squarespace-plugins/universal-filter

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.