Custom font on York template page description

Hi I'm trying to use a custom font for the banner and the page description on my website, using the York template. I'm unsure on the custom code, I've tried a few I've found with no luck. Please help! Unable to provide the site URL because I'm upgrading to 7.1, so my live site at the minute doesn't use this template. Thanks 🙏

You can setup password & share site url.

You can also duplicate the site & share duplicated site url. We can check easier.

Hey thanks! its https://gopher-denim-92am.squarespace.com/

Password "kale"

Add to Home > Design > Custom CSS

/* Banner custom font */
.page-banner-wrapper * {
    font-family: suisseworksbold !important;
}

Hey thanks for your help, I've added the code but that still doesn't seem to be working?

Have you declared font-face yet?

@font-face {
    font-family: suisseworksbold;
    src: url(paste your font file url here);
}
.page-banner-wrapper * {
    font-family: suisseworksbold !important;
}