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
  • 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 
🔌
 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (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 
🔌
 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (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 
🔌
 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (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 
🔌
 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 Did I help? Buy me a coffee?

Link to comment
On 2/6/2023 at 4:41 PM, eduvila said:

It works fine, but is it possible to custom the category item and the navigation font too?

Thanks!

Captura de Pantalla 2023-02-06 a les 10.40.13.png

Captura de Pantalla 2023-02-06 a les 10.40.22.png

cinzia2023

password is incorrect

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.