Change Banner to custom font

Site URL: https://www.cutnfill.com/

How do i change the font of the banner headings to a custom font so i can match my logo?

Add to Home > Design > Custom CSS

/* banner custom font */
@font-face {
	font-family: fantasy;
	src: url(paste your font url here);
}
.banner-thumbnail-wrapper .desc-wrapper * {
    font-family: fantasy;
}

do i include the font fantasy as well?

1 hour ago, spartan7257 said:

do i include the font fantasy as well?

you can change fantasy to your font name

Do you know how to change the font of the Nav Links?

and thank you for the help

3 hours ago, spartan7257 said:

Do you know how to change the font of the Nav Links?

 

/* banner custom font */
@font-face {
	font-family: fantasy;
	src: url(paste your font url here);
}
.banner-thumbnail-wrapper .desc-wrapper * {
    font-family: fantasy;
}
div#headerNav a {
    font-family: fantasy !important;
}

Notes: Change fantasy to another name.  Fantasy is also the name of a default font in Squarespace ... If you use the same name for custom font and default font, it can cause problems at some time...

Thanks, it only shows up right on the desktop version though, in the mobile version it still shows the old font

or rather when the nav turns into a side bar due to screen size, the font changes to the old font

/* banner custom font */
@font-face {
	font-family: fantasy;
	src: url(paste your font url here);
}
.banner-thumbnail-wrapper .desc-wrapper * {
    font-family: fantasy;
}
div#headerNav a {
    font-family: fantasy !important;
}
nav#mobileNavigation a {
    font-family: fantasy !important;
}

looking for the CSS to also change the font in the contact us button. Also wondering how to change the overall size of the button to make it bigger.

On 8/12/2020 at 2:23 AM, spartan7257 said:

looking for the CSS to also change the font in the contact us button. Also wondering how to change the overall size of the button to make it bigger.

Where is contact us button?

it is on the Contact Us page, you will see a pill shaped red button

button.lightbox-handle {
    font-family: fantasy !important;
}