Change font in one text block on one page of website

Hi

I've been trying to change the font in this one text block on one page of my website (not linked yet).  Firstly, I'm not sure which block ID to use as there appears to be two over the top of the text block?  Secondly, I'm not sure what custom css code to use to change just this text's font?  Any help appreciated for this newbie!  Thanks.

1 hour ago, annienic12 said:

Hi

I've been trying to change the font in this one text block on one page of my website (not linked yet).  Firstly, I'm not sure which block ID to use as there appears to be two over the top of the text block?  Secondly, I'm not sure what custom css code to use to change just this text's font?  Any help appreciated for this newbie!  Thanks.

Can you share your URL so we can check it easier?

It's https://sunsolutionswa.com.au/architects-interior-designers

On 4/29/2024 at 2:09 PM, annienic12 said:

It's https://sunsolutionswa.com.au/architects-interior-designers

 

You can use a code like this to Website > Website Tools > Custom CSS

div#block-yui_3_17_2_1_1714119484170_7159 h2 {
    font-family: 'circular' !important;
}

Thanks @tuanphan.  If I wanted to use architects daughter as the font, do I change 'circular' to 'architectsdaughter'?

On 5/6/2024 at 1:27 PM, annienic12 said:

Thanks @tuanphan.  If I wanted to use architects daughter as the font, do I change 'circular' to 'architectsdaughter'?

 

Yes, but if it is custom font, you need to declare font first, something like this'

@font-face {
	font-family: architectsdaughter;
	src: url(paste architectsdaughter font file url here);
}
div#block-yui_3_17_2_1_1714119484170_7159 h2 {
    font-family: 'architectsdaughter' !important;
}