Jump to content

change h1 and h2 font only

Recommended Posts

I don't think your font family is quite right, try this instead:

h1, h2 {
  font-family:'Great Vibes', script;
}

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 3/10/2023 at 12:07 PM, Ziggy said:

I don't think your font family is quite right, try this instead:

h1, h2 {
  font-family:'Great Vibes', script;
}

thanks for the response, it's not working still though! the font changes but not to the correct script font

Screen Shot 2023-03-12 at 10.31.00 AM.png

Link to comment
On 3/12/2023 at 11:31 PM, LindsEli said:

thanks for the response, it's not working still though! the font changes but not to the correct script font

Screen Shot 2023-03-12 at 10.31.00 AM.png

What is site url? We can check easier

And this is custom font or Squarespace Font?

If custom font, have you declared @font-face yet?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 1 year later...

@LindsEli Great Vibes is a Squarespace font. I was helping someone with this in another forum thread where the below wasn't working. I found that it only worked if that font style was applied somewhere else on the site, such as making it the Site Title font (Fonts > Assign Styles). 

I just tested it on a blank site. The screenshot on the left is what it looks like with just the CSS applied. The screenshot on the right is after I made it the Site Title font.

Screenshot2024-04-02at8_46_40AM.png.7488c02a2202cbfe5064ee3ec37974d6.png    Screenshot2024-04-02at8_47_06AM.png.6e8d25266c285e24a367157890e4b09b.png

@tuanphan I don't remember something like this being necessary before ... do you? 

Did we help? Click 👍 or mark it as the solution! This helps others find the answers they need. 

Meghan, Owner of Westerly Creative Studio
👩‍💻 🍪  Need a low-cost website policies + cookie banner? Termageddon makes it easy.  Get 10% off your first year! (< affiliate link) 

Link to comment
On 4/2/2024 at 5:48 PM, WCS said:

@LindsEli Great Vibes is a Squarespace font. I was helping someone with this in another forum thread where the below wasn't working. I found that it only worked if that font style was applied somewhere else on the site, such as making it the Site Title font (Fonts > Assign Styles). 

I just tested it on a blank site. The screenshot on the left is what it looks like with just the CSS applied. The screenshot on the right is after I made it the Site Title font.

Screenshot2024-04-02at8_46_40AM.png.7488c02a2202cbfe5064ee3ec37974d6.png    Screenshot2024-04-02at8_47_06AM.png.6e8d25266c285e24a367157890e4b09b.png

@tuanphan I don't remember something like this being necessary before ... do you? 

interesting thank you!

 

Link to comment

@LindsEli Let me know if it works for you! I haven't been able to find anything online about this possible change...

Did we help? Click 👍 or mark it as the solution! This helps others find the answers they need. 

Meghan, Owner of Westerly Creative Studio
👩‍💻 🍪  Need a low-cost website policies + cookie banner? Termageddon makes it easy.  Get 10% off your first year! (< affiliate link) 

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.