Jump to content

Can't upload font using the Custom CSS steps

Recommended Posts

Hello, I am struggling to change the font to one I have downloaded and paid for from Creative Market, named: sunset road. I have this font in the three forms required: ttf, woff and woff.2 I have integrated them in to the coding as suggested but for some reason the font is not appearing anywhere. Please can someone help me. 


This is my coding thread: 

@font-face {   
font-family: 'sunset-road';   
src: url(https://static1.squarespace.com/static/60d0d6ba03ef3c429e493540/t/60e2e8a6f5f9156374ce2826/1625483430862/Sunset+Road.ttf), url(https://static1.squarespace.com/static/60d0d6ba03ef3c429e493540/t/60e2e8b694b0d322fb00b2ae/1625483446859/Sunset+Road.woff), url(https://static1.squarespace.com/static/60d0d6ba03ef3c429e493540/t/60e2e94ae87a643f224bf98c/1625483594339/sunset_road-webfont.woff2https://static1.squarespace.com/static/60d0d6ba03ef3c429e493540/t/60e2e94ae87a643f224bf98c/1625483594339/sunset_road-webfont.woff2);}
h1 {
font-family: 'sunset-road';}
body {
  font-family: 'sunset-road';}
.BlogItem-title {
font-family: 'sunset-road';}

Link to comment
  • Replies 6
  • Views 368
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

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.