Jump to content

Google font not loading

Go to solution Solved by Ziggy,

Recommended Posts

Hi Circle community 

I need to use Inter, a Google font, on my clients website for paragraph copy as its their brand typeface. Unfortunately, it isn't available in Squarespace.

I've uploaded the weights of Inter I need to SS and used this css for paragraphs:

@font-face {   
font-family: Inter-Regular;   
src: url(URL.ttf/.otfhttps://static1.squarespace.com/static/6346b0b21dbcf07f03005438/t/6346cf4b9eea934871d6e076/1665584972740/Inter-Regular.ttf);}

/* P styling */
p {
font-family: Inter-Regular, sans-serif
!important;}

The font looks fine in Chrome but on Safari it's defaulting to another sans serif and I cant understand why!

Any ideas? Where have I gone wrong?

Thanks in advance for your help 🙂

 

 

Link to comment
  • Replies 6
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

  • Solution

See bolded text for error that needs deleting, I guess Chrome doesn't need the upload, but Safari does.

@font-face {   
font-family: Inter-Regular;   
src: url(URL.ttf/.otfhttps://static1.squarespace.com/static/6346b0b21dbcf07f03005438/t/6346cf4b9eea934871d6e076/1665584972740/Inter-Regular.ttf);}

/* P styling */
p {
font-family: Inter-Regular, sans-serif
!important;}

Please like and upvote if my comments were useful to you. Thanks!

Zygmunt Spray
Squarespace Website Designer
Contact me: https://squarefortytwo.com/ 
🔌Ghost Squarespace Plugins (Referral link)
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.