Jump to content

Different fonts for the same heading

Recommended Posts

Hi,

I'm using heading 2 for my subtitle above the fold and would like to leave it in my main font. Further down on my homepage, I'm using heading 2 as headings to introduce text, and I would like them to appear in a handwritten font. I've contacted customer support, but they couldn't help me. I'm puzzled as to how I might achieve this in the easiest way possible. Does anyone have an idea?

Thank you!

Link to comment

You need to set this up with CSS. One typical way is to set up a heading that changes to a different font when you set it to italics.

If you can share your website URL and the font you are wanting to use I can provide you with a snippet of Custom CSS to do this.

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
9 hours ago, Ziggy said:

You need to set this up with CSS. One typical way is to set up a heading that changes to a different font when you set it to italics.

If you can share your website URL and the font you are wanting to use I can provide you with a snippet of Custom CSS to do this.

Hi Ziggy,

Thank you for your reply. That's genius, but wouldn't work for my site as I'm using italics above the fold. Anything else you can think of?

My site isn't live yet, so I can't share my website URL.

Many thanks!

Link to comment

You can add a site wide password so you can share you website before it's live.

There are other ways to target specific text, or use code to create an h5 heading with the font, but that would require using HTML and a coffee block for the text instead.

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
15 hours ago, Ziggy said:

You can add a site wide password so you can share you website before it's live.

There are other ways to target specific text, or use code to create an h5 heading with the font, but that would require using HTML and a coffee block for the text instead.

Creating an h5 heading sounds great, though I have no clue what a coffee block is and if I'd be able to do that since I'm a total beginner to coding. I haven't chosen a second font yet, and I'm still researching how to save my fonts locally due to privacy regulations. Could I get back to you on this once I'm ready?

Link to comment
24 minutes ago, Aurora said:

coffee block

Code block, clearly I had coffee on the mind!

25 minutes ago, Aurora said:

Could I get back to you on this once I'm ready?

Yes.

This is a start for saving fonts locally, and then you can assign the custom font to an h5. After that you would use a code block with markup a bit like this:

<h5>
  Your heading goes here
</h5>

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

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
  • 4 weeks later...
On 9/6/2023 at 2:53 PM, Ziggy said:

Code block, clearly I had coffee on the mind!

Yes.

This is a start for saving fonts locally, and then you can assign the custom font to an h5. After that you would use a code block with markup a bit like this:

<h5>
  Your heading goes here
</h5>

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

Ziggy, you made me laugh!

I've let this idea go for now but wanted to thank you for your reply!

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.