Custom fonts not transferring to blog

I've used CSS to add custom fonts to my site as you can see, but I'm beginning to draft blog posts and the blog doesn't have my custom fonts like the rest of the site. How do I get the blog part of the site to conform to the CSS code which governs all the other pages? Or do I need to add additional code to change all my blog fonts to my custom ones separately? Thanks so much!

The site is thistleandrosearts.co.uk - that didn't show up with my post as expected!

I've not heard of this being a problem, can you share the code you used for the custom font? How did you apply it to the website?

Thanks for sharing your website! Do you have an example blog post that could publish to demonstrate the issue?

@font-face {
font-family: Waymar;
src: url(https://static1.squarespace.com/static/64206d37eeb8e8453ae89da3/t/6421791787382f41bd00da66/1679915287599/Waymar+Regular.ttf);
}
@font-face {
font-family: Gistesy;
src: url(https://static1.squarespace.com/static/64206d37eeb8e8453ae89da3/t/64217924a75c0a170c610f23/1679915300121/Gistesy.ttf);
}
@font-face {
font-family: Open Sans;
src: url(https://static1.squarespace.com/static/64206d37eeb8e8453ae89da3/t/64217aed360f7e1365d7089a/1679915758017/OpenSans-Regular.ttf);
}
h1 {
font-family: 'Waymar';
}

h2 {
font-family: 'Gistesy';
}

h3 {
font-family: 'Waymar';
}

h4 {
font-family: 'Gistesy';
}

.sqsrte-large {
font-family: 'Open Sans';
}

p {
font-family: 'Open Sans';
}

.sqsrte-small {
font-family: 'Open Sans';
}

#site-title {font-family: 'Gistesy';
}
.list-section-title p{
  font-family: 'Waymar'
}

section[data-section-id="6421a56fbdb6376295cfd434"]{
  .user-items-list-item-container .list-item-content__title {
  font-family: Waymar !important; }
}

Hi Ziggy! Thanks for responding to this. Please see the CSS currently in place above. The blog is thistleandrosearts.co.uk/blog. It's live but unlinked for now. Thank you!

Try adding this and adjusting the font family:

.blog-item-wrapper .blog-item-title h1.entry-title {
  font-family: 'Waymar';
}

I've copied that in and saved it but I don't think anything has changed unfortunately! Do I need to add specific "blog" h1, h2, h3 etc markers in addition to those I already have?

I thought so too. I've tried that !important addition and it's still not changing. I've also tried changing the h1 in your code to h2, h3 and h4 with no change.

Looking at your website, that code is working for the blog post title, on the blog item.

This should work for the blog page grid titles:

.blog-basic-grid .blog-title {
  font-family: 'Waymar' !important;
}

Hi Ziggy, ah yes I can see that now! Sorry. Ok so I understand how to structure the code snippet but could you tell me what the equivalent of  ".blog-item-wrapper .blog-item-title h1.entry-title" and ".blog-basic-grid .blog-title" would be for the dates, blog context and the title of the next and previous posts would be? Or how I find that out for myself? Honestly I can't thank you enough for helping me figure this out!

You know what, I've worked it out. The inspect tool. I'll take it from here myself thanks Ziggy!

For anyone else reading, here's what I used in the end once I'd changed the blog style to masonry (seemed to lay things out more sensibly):

.blog-masonry .blog-title {
  font-family: 'Waymar'
}
.blog-masonry .blog-date {
  font-family: 'Open Sans';
  font-size:1.4rem
}
.blog-item-wrapper .blog-item-title h1.entry-title {
  font-family: 'Waymar';
}
.blog-item-wrapper .blog-meta-item, .blog-item-wrapper .blog-meta-item a, .blog-item-wrapper .blog-meta-item span {
 font-family: 'Gistesy';
 font-size:4rem
}
.item-pagination-link .item-pagination-title {
  font-family: 'Waymar'
}