Question about adding a font to Website but not having it site wide only used through code block

Site URL: https://deer-crane-j88h.squarespace.com/blog

Hi I am trying to figure out how to specify the font I have bought and have uploaded it to my site but I do not want to to have the text used site wide I only want to add the font to a code block so I don't change the font being used overall on my website. Any recommendations would help greatly thank you. 

1. Click font you uploaded > It will show font url in Custom CSS box > Cut url & paste in below code

@font-face {
	font-family: yourfontname;
	src: url(paste font url here);
}

2. Next, you need to declare font for which element you want to apply

eg if you want apply on heading, add this to Custom CSS 

h1, h2, h3, h4, h5, h6 {
	font-family: yourfontname;
}

replace yourfontname & font url

It worked thank you so much

On 12/19/2020 at 1:54 AM, ser511 said:

It worked thank you so much

I see the footer here on tablet is ugly. You can check.

If you need to fix, we will give the code. https://deer-crane-j88h.squarespace.com/blog