Custom CSS Font - Site Glitches

** Currenlty the domain is being transferred so the site URL may link to the old site **

I don't know much about coding. I wanted to use a custom font across my site. I copy and pasted the code below and the font is in all the correct places (although annoyingly it appears straight, not italic, not an issue, but confusing).

The issue i have have is that the site has a couple of glitches, my client has an issue where the image on the homepage sometimes appears zoomed in which i can't replicate. I've sometimes seen that the contact link in the header sometimes disappears. I contacted SS support, but they said the issue is the custom code. Is there anything glaringly obvious with the code that could be causing my issues? Or does anyone have any suggestions?
Cheers
J

//---Custom Fonts---

font-family: 'aldine-401-italic-bt';

h1, h2, h3, h4, h5, p, {font-family: aldine-401-italic-bt,

//---Font Upload---

@font-face {

    font-family: 'aldine-401-italic-bt';

       src: url('https://static1.squarespace.com/static/63a0d5c0d3b7cc5b3a17657a/t/63a0d686f6cd273e254d4027/1671485062982/aldine-401-italic-bt.ttf');

  }

header#header *, footer.sections * {

    font-family: aldine-401-italic-bt;

}

@Ziggy

Thanks so much for that. Legend.
I don't know what you did, but I am now free of that error.

I am not sure if this is related, but I am getting this error on the /about page where a grey bar appears at the bottom.
SqSp support suggest the issues are custom code, but I'm out of my depth here.

Do you have any suggestions?

50 minutes ago, JayPee said:

I don't know what you did, but I am now free of that error.

I added the missing curly bracket. 

50 minutes ago, JayPee said:

I am not sure if this is related, but I am getting this error on the /about page where a grey bar appears at the bottom.
SqSp support suggest the issues are custom code, but I'm out of my depth here.

This isn't an error, you have a header at the top, a footer at the bottom which take up ~10% of the viewport (window) height, and on this page you have one section that takes up ~75% of the height, so the grey is simply the extra space that isn't header, footer, or page content.

To get rid of that, on a page with just one section, make sure the section height is set to L (large).

I have no idea why Squarespace support couldn't help you with that, they're normally pretty good, but they do blame custom code a bit too quickly in my opinion (though it often is a regular cause of problems)

Cheers dude.
Yeah i think that was my worry, they said Custom Code was a problem, so I just assumed the worst.
The site is up and looks great now, so thank you
J

Could you mark my post as the solution to your question, and give it a thumbs up? Thanks!