Custom CSS for Title

Hi! I added a custom font to my site, and was able to update all the headings without any issue, but i've tried multiple ways of coding for the title text and I can't get it to update to the custom font. Below is the code that I have currently. I've tried "h1.logo a", ".span site-title", "h1.site-title", ".site-title", and many others that i've seen posted in previous threads. 

@font-face {
  font-family: 'collection-regular';
  src: url('https://static1.squarespace.com/static/5e3c58cf7d81b36374310001/t/5e3d74062875eb21496b77b4/1581085702842/collection-regular-webfont.woff2') format('woff2'),  url('https://static1.squarespace.com/static/5e3c58cf7d81b36374310001/t/5e3d73f35749b2699ac528ab/1581085684273/collection-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

H1 {
  font-family: 'collection-regular';
}

H2 {
  font-family: 'collection-regular';
}

H3 {
  font-family: 'collection-regular';
}

H4 {
  font-family: 'collection-regular';
}

site-title {
  font-family: 'collection-regular';
}

Each template has different class for Site Title.

Can you share link to your site or template url?