Jump to content

Customizing Header / Body Fonts on Lists

Recommended Posts

Site URL: https://www.blackroninpro.com/

Hello! So I have the custom font css for the entire website as list below:

@font-face {    
font-family: 'Moon';       
src: url('https://static1.squarespace.com/static/60abf560b5c7a645d00306cd/t/61bffed5c37c8821ffa6c4b7/1639972565085/Moon+Bold.otf');  }

h1 {font-family: 'Moon';}
h2 {font-family: 'Moon';}
h3 {font-family: 'Moon';}
h4 {font-family: 'Moon';}

@font-face {
font-family: 'Muli';   
src: url(https://static1.squarespace.com/static/60abf560b5c7a645d00306cd/t/61bff7358d96e83535f11b0b/1639970613861/Muli.ttf), url(https://static1.squarespace.com/static/60abf560b5c7a645d00306cd/t/61bff73ddfb43470c1b3f0b7/1639970621458/Muli-Italic.ttf); 

p {font-family: 'Muli';}


However, I'm not able to customize my header or body font on the list that I'm using on my services page. I've attached a screenshot below. I've tried a few different snippets of css but none of them have worked so far.  I'd really appreciate any assistance!


Thank you in advance! - MC

Screen Shot 2022-04-28 at 2.59.23 PM.png

Link to comment
  • Replies 1
  • Views 250
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

From what I was able to see, the header looks like it's in the moon font. I wasn't able to see the particular screenshot you have in the second photo, but I was able to change some of the other fonts on the services page with.

p {
    font-family: 'Moon' !important;

It could be because you are using a paragraph instead of a heading like your css is for above.


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.