Jump to content

Can't get CSS to apply custom font to all headings

Go to solution Solved by abibacon,

Recommended Posts

I have been trying to apply a custom font to all headings on my site (keelyskitchenandgarden.com) but it only ever applies to a few. I've tried multiple approaches. It will apply the font to most headings on the home page, but not to the product listings, and not to the blog titles (blog page is currently hidden).

This is currently my CSS
 

//ADDING BUFFALO FONT//
@font-face {
font-family: 'BUFFALO';
src: url('https://static1.squarespace.com/static/660f48e3e15bd1013607a18b/t/66107be868fe065b1d3033f0/1712356328291/Buffalo.otf');
}

//ASSIGN BUFFALO FONT//

h1 {
   font-family: 'BUFFALO';
}

h2 {

font-family: 'BUFFALO';}


h3 {

font-family: 'BUFFALO';}


h4 {

font-family: 'BUFFALO';}

Any suggestions?

Link to comment
  • Replies 2
  • Views 580
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

  • Solution

Hey @Keelytyler, it looks like they will need specifically targeting, try the below.

 

#siteWrapper .ProductItem-details-title {
  font-family: 'BUFFALO';
}

#siteWrapper .blog-item-title .entry-title {
  font-family: 'BUFFALO';
}

 

Squarespace Developer based in Hampshire, England

If you'd like to make a contribution for my time you can 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.