How to add CUSTOM FONTS to your Squarespace website

⭐️⭐️⭐️ UPDATE!! ⭐️⭐️⭐️
as of October 2025 you no longer need to do any of this! There is now a dedicated custom font uploader in the fonts menu, which makes it super easy to add custom fonts through the Site Styles panel. You can find a step-by-step walkthrough of the new way to use custom fonts here: https://jen-webb.com/blog/how-to-add-...

check out my new Squarespace template: https://jen-webb.com/luna-template

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-...

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-...

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

✿✿✿

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

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

✿✿✿

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