Custom Font in Custom CSS Not Working

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

I am not technical but want my company's font to appear throughout my website. I entered the following code:

@font-face {
font-family: 'reservoirgrunge';
src: url('FontURLhttps://static1.squarespace.com/static/61e0ffa38b76650622eee17b/t/61ee28a5cc0eeb42ab8a0c1f/1642997925344/RESEGRG_.TTF');}

*{font-family: 'reservoirgrunge';}

However, the font does not change on my site. As you can see in the photo, I am trying to have "CHOOSE THE RIGHT SIDE" and all other text to appear in the same font as the site's title, "Cheeks Towel Co." What am I doing wrong?

The url in your code is invalid. Use this new code

@font-face {
font-family: 'reservoirgrunge';
src: url(https://static1.squarespace.com/static/61e0ffa38b76650622eee17b/t/61ee28a5cc0eeb42ab8a0c1f/1642997925344/RESEGRG_.TTF);
}

*{font-family: 'reservoirgrunge' !important;}