Site Title Not using Custom Font

The code I'm using changes any other headings/paragraphs but not the main H1 site title h1.

I'm wondering if there's other CSS code blocking it from changing or something I'm missing.
I have gone through the SS font settings as well and tried to google and read forums.

assigned styles are not custom.

@font-face {
font-family: 'INTERBOLD';
src: url('https://static1.squarespace.com/static/655ec5b38bc75834d7cf0591/t/6563fd9f3cb3cf6b8fbe38f8/1701051807543/The+Cottage+400.otf');
}
 
h2,h1  {font-family: 'INTERBOLD'!important }
 

pw: help

https://lavender-oval-sydh.squarespace.com/


 

@Web_Solutions Genius!
thank you

@Web_Solutionsone last q sir,

if i wanted H1 and H2 to have different custom fonts im guessing paste the code  twice and remove h1 and site title ?

i got it working buy using the below.
not sure if its the correct structure but it works

 

@font-face {
font-family: 'INTERBOLD';
src: url('https://static1.squarespace.com/static/655ec5b38bc75834d7cf0591/t/6563f7023608ec2fae8818fa/1701050115664/Inter-Bold.ttfhttps://static1.squarespace.com/static/655ec5b38bc75834d7cf0591/t/6563f817ae435d45ec4d792b/1701050392662/Inter-SemiBold.ttf');
}

h1, #site-title {
    font-family: 'INTERBOLD'
      !important;
      letter-spacing: 5px !important;
}

@font-face { font-family: 'QUOTE';
src:
url('https://static1.squarespace.com/static/655ec5b38bc75834d7cf0591/t/6563fd9f3cb3cf6b8fbe38f8/1701051807543/The+Cottage+400.otf');
}
h2 { font-family: 'QUOTE' !important

}

24 minutes ago, WhoAJ said:

i got it working buy using the below.
not sure if its the correct structure but it works

 

@font-face {
font-family: 'INTERBOLD';
src: url('https://static1.squarespace.com/static/655ec5b38bc75834d7cf0591/t/6563f7023608ec2fae8818fa/1701050115664/Inter-Bold.ttfhttps://static1.squarespace.com/static/655ec5b38bc75834d7cf0591/t/6563f817ae435d45ec4d792b/1701050392662/Inter-SemiBold.ttf');
}

h1, #site-title {
    font-family: 'INTERBOLD'
      !important;
      letter-spacing: 5px !important;
}

@font-face { font-family: 'QUOTE';
src:
url('https://static1.squarespace.com/static/655ec5b38bc75834d7cf0591/t/6563fd9f3cb3cf6b8fbe38f8/1701051807543/The+Cottage+400.otf');
}
h2 { font-family: 'QUOTE' !important

}

Yes, it's ok

@Web_Solutions i just realized it changes the font of the category heading which is also somehow h2.
i can't for the life of me find where to remove it from h2. 

any way to exclude this from the font change?

 

7 minutes ago, WhoAJ said:

@Web_Solutions i just realized it changes the font of the category heading which is also somehow h2.
i can't for the life of me find where to remove it from h2. 

any way to exclude this from the font change?

 

Which font do you want on category heading?

@Web_SolutionsArial or one that i can  link

1 hour ago, WhoAJ said:

@Web_SolutionsArial or one that i can  link

Please see the attached image. Replace the marked red code width the code below.

h2:not(.nested-category-title) {
    font-family: 'QUOTE' !important
}