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