Jump to content

Custom Font in Custom CSS Not Working

Recommended Posts

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?

Screen Shot 2022-01-31 at 2.11.23 PM.png

Link to comment

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;}


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.