Jump to content

Custom font with CSS not working

By BrandBItes, in Customize with code

Go to solution Solved by Ziggy,

Recommended Posts

  • Replies 3
  • Views 1.3k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

BrandBItes
BrandBItes

Oh great, that worked. Thanks! I forgot to mention that my other font I imported for the paragraphs doesn't work either. I don't see any mistakes in the code here...

Ziggy
Ziggy

p1, p2 and p3 are not the correct classes, have a look at this: https://squarefortytwo.com/squarespace-guides/custom-fonts-on-squarespace-71 You need to be using: // Paragraphs // Paragr

Posted Images

Ziggy Level 14

Ziggy

Posted
Posted

It's not working because this is interfering with the H1:

image.png.3d060b580cd9991bd8996e31f0a68bd3.png

Use a double slash to comment out FONT USE, like this:

// FONT USE

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?

  • Solution
Ziggy Level 14

Ziggy

Posted
  • Solution
Posted

p1, p2 and p3 are not the correct classes, have a look at this:

https://squarefortytwo.com/squarespace-guides/custom-fonts-on-squarespace-71

You need to be using: 

// Paragraphs

// Paragraph 1
.sqsrte-large {
   font-family: 'font name here';
}

// Paragraph 2
p {
   font-family: 'font name here';
}

// Paragraph 3
.sqsrte-small {
   font-family: 'font name here';
}

 

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

Sign Up / Login
Go to topic listing

News

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources