Custom font not showing on all pages

I changed the header font to a custom font, but it's only showing on the current landing page, and not the other pages that I am putting together in the background.

Website: https://www.quepasaibz.com/

2nd page that isn't showing the font: https://www.quepasaibz.com/que-pasa-restaurant

Password: que

Code I'm currently using:

Quote

@font-face {
 font-family: 'DKAppelstroop';
 src: url('https://static1.squarespace.com/static/645f4e72a313ef3a7b252e5c/t/645f5bf2bb1346381baa0caa/1683971058787/DK+Appelstroop.otf')
}

#collection-645f4f9dc6799c79c930d7d9 {
 h1, h2, h3, h4 {
  font-family: 'DKAppelstroop', sans-serif;
 }
}

I see you removed DKApplestroop font face. Do you still need help?

19 hours ago, tuanphan said:

I see you removed DKApplestroop font face. Do you still need help?

Nope, all good thank you. I got it sorted in the end