How to add CUSTOM FONTS to your Squarespace website

In this video, I'm showing you how to add a custom font to your Squarespace website using custom CSS, since there is currently not an easy built-in way to do this in Squarespace. For more squarespace tutorial videos be sure to subscribe 😊

⇣⇣ CODE SNIPPETS ⇣⇣
/* define the font name and link it to your font file */
@font-face {
font-family: ' ';
src: url(' ')
format('truetype');
}

/* heading fonts */
h1, h2, h3, h4, h1 a, h2 a, h3 a, h4 a {
font-family: ' ' !important;
}

/* paragraph fonts */
.sqsrte-large, p, .sqsrte-small, time {
font-family: ' ' !important;
}

/* link fonts (buttons, any text that is a link that is not also a header) */
a {
font-family: ' ' !important;
}

blog version of this video:
https://www.jen-webb.com/blog/how-to-add-custom-font-to-squarespace-website

if you found this video helpful and want to say thanks ☕️: https://buymeacoffee.com/jenwebb

if you want me to build you a website:
https://www.jen-webb.com/custom-websites

if you need technical help with an issue on your Squarespace website:
https://www.jen-webb.com/squarespace-tech-support

interested in building your website with a fun & unique squarespace template?
https://www.jen-webb.com/templates

✿✿✿

WHERE TO FIND ME
https://www.instagram.com/jenwebbcreates
https://www.tiktok.com/@jenwebbcreates
https://www.jen-webb.com

spoonflower shop (you can buy my art on wallpaper, fabric & home decor):
https://www.spoonflower.com/profiles/jenwebbcreates

✿✿✿

FILMING GEAR
https://www.jen-webb.com/filming-gear

✿✿✿

Chapters
00:00 when you would need to use a custom font
02:44 installing the font
05:22 using the font on your website

✿✿✿

All opinions are my own. Some links listed are affiliate links which means I earn a small commission if anyone decides to purchase through them. Thank you so much for your support!
#webdesign #squarespacetutorial

Видео How to add CUSTOM FONTS to your Squarespace website канала Jen Webb