Jump to content

Custom Font Not Showing

Go to solution Solved by Ziggy,

Recommended Posts

Posted

Hello,

I've added a custom font to my website, and added the "!important;" next to it, and it is still not showing. 
It is only appearing on Google chrome on the mac where the font is installed on the mac. Safari doesn't load it. Additionally, on other PCs and mobile it does not load. Can someone please support in this? It is for an important event going live soon. (site url : www.riyadhfashionweek.squarespace.com). Thank you ! Below is the custom CSS used:

@font-face {
font-family: 'SOLAR-VESTA-SERIF' ;
src:
url('https://static1.squarespace.com/static/64ece908fafe492e179654a2/t/64ecf24b4f8a56530239f13f/1693333035052/SOLAR+VESTA+SERIF.TTF');
}

h1 {
font-family: 'SOLAR VESTA SERIF' !important;
}

Screenshot 2023-09-04 at 9.45.00 AM.png

Screenshot 2023-09-04 at 9.45.08 AM.png

  • Solution
Posted

These two underlined in yellow need to be identical, you're missing dashes:

image.thumb.png.ed5cb71d72c3ab11169e83b6f2dc05d8.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!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

Posted
10 hours ago, DigitalSociopath said:

Thank you @Ziggy ! This fixed the problem. Appreciated!

Always good to find an easy and quick fix!

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!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

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.