Blog Custom Font CSS - not working!

Hi there, 

I cannot seem to get my custom font onto the blog's main page and the navigation at the bottom of each blog post page. I have looked through the community pages for days, and tested all of the code I could find and nothing works. I could really use some help. The only thing that works at the moment for the blog title on the blog page is this code, however I want the same font across the blog section of my site.

/*for blog*/
.blog-item-title h1 {
    font-family: 'Ayer Medium' !important;
}

The site is: sturgeon-plane-p322.squarespace.com and the password for my site is mc2022. 

Thanks!

Hi @hopekub I think you're referring to these, correct?

If so this is the CSS you would need:

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

Hope that helps!

Hi @Ziggy! Yes that worked! Thank you so much! Do you also have the code for the next blog post nav? 

Yes, of course:

.item-pagination-title {
  font-family: 'Ayer Medium' !important;
}

That worked! Thank you so much you're a life saver!!

No problem, glad I could help!