dont know how to change my site title header to custom uploaded font

Hi y'all, I tried contacting sqsp livechat for this but apparently they can't help with mods. I have no knowledge of css but have been scouring online for the past few hours and managed to get most of my site to the custom uploaded font I wanted, but I can't figure out how to code the site title header. I don't know the "code" for the code. I attached a ss of the part I'm trying to change. Any help is appreciated. Thank u

1 minute ago, Lesum said:

@aw0118 Hi! Try adding this code under  Website > Pages > Website Tools > Custom CSS.

#header a#site-title {
    font-family: 'replace-with-your-font' !important;
}

If the code doesn't work, then please share your site URL.

it worked! thank u angel

28 minutes ago, Lesum said:

@aw0118 Hi! Try adding this code under  Website > Pages > Website Tools > Custom CSS.

#header a#site-title {
    font-family: 'replace-with-your-font' !important;
}

If the code doesn't work, then please share your site URL.

Also, are u able to help me figure out how to make the text bold in the code? And if u know how, how to change the buttons to the font as well? Thank u

@aw0118 Replace the previous code with this code to make the header title text bold:

#header a#site-title {
	font-family: 'replace-with-your-font' !important;
	font-weight: 700 !important;
}

To change the button font, try this code:

#siteWrapper.site-wrapper .sqs-button-element--primary, #siteWrapper.site-wrapper .sqs-button-element--secondary, #siteWrapper.site-wrapper .sqs-button-element--tertiary {
	font-family: 'replace-with-your-font' !important;
}

3 minutes ago, Lesum said:

@aw0118 Replace the previous code with this code to make the header title text bold:

#header a#site-title {
	font-family: 'replace-with-your-font' !important;
	font-weight: 700 !important;
}

To change the button font, try this code:

#siteWrapper.site-wrapper .sqs-button-element--primary, #siteWrapper.site-wrapper .sqs-button-element--secondary, #siteWrapper.site-wrapper .sqs-button-element--tertiary {
	font-family: 'replace-with-your-font' !important;
}

 

ur the best! thank u!

Hi all

May I ask how do you upload you preferred fonts?

I am looking into replace font at the following places at www.kacy-jung.com