Jump to content

Custom font won't load

Recommended Posts

Hi!
This SHOULD be an easy one, and I have done this loads of times. But possibly not as an h5
Any clue why this custom font might not be loading? 

 

@font-face {
font-family: 'modernline';
url(https://static1.squarespace.com/static/63d9875f1904c9162c99cb62/t/650474b0c29e424331d915a2/1694790832439/modernline.woff),
url(https://static1.squarespace.com/static/63d9875f1904c9162c99cb62/t/650474a09dfbfc146915029f/1694790816570/modernline.otf),
url(https://static1.squarespace.com/static/63d9875f1904c9162c99cb62/t/65047470f7c0f1448a37bcf6/1694790768275/modernline.ttf),
}


h5 {
font-family: 'modernline' !important;
}
 

Screenshot 2023-09-15 at 9.16.08 AM.png

Screenshot 2023-09-15 at 9.17.51 AM.png

Link to comment
  • Replies 10
  • Views 1.4k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Your code isn't correct, I've hopefully fixed it here:

@font-face {
  font-family: 'modernline';
  src:url('https://static1.squarespace.com/static/63d9875f1904c9162c99cb62/t/650474a09dfbfc146915029f/1694790816570/modernline.otf');
}

h5 {
  font-family: 'modernline';
}

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

Have you tried clearing your browser cache, sometimes that can prevent Custom CSS changes from rendering.

If you provide your website URL and password with the question, I can help verify if it is working before making any changes.

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 password doesn't work.

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
16 minutes ago, DEdwards said:

I'm having a similar issue. I uploaded MoonTime-Regular (free) font and it won't render the script font. I'm following this thread to see if anything suggested helps. If not, I'll create my own to address it. I just wanted to confirm that they aren't the only one having this issue.

If you'd like a problem diagnosed can you share your website URL, site wide password and the code you have used to add the custom font.

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
On 9/20/2023 at 11:29 AM, Ziggy said:

If you'd like a problem diagnosed can you share your website URL, site wide password and the code you have used to add the custom font.

I figured mine out. The only thing that I changed was to take out the ' ' around the font-family variable name that I called my font in both locations. Not sure why it all of a sudden started working because I tried that a few days ago. Anyway it's working and hopefully it doesn't break again.

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.