How to Add Custom Fonts in Squarespace 7.1

In my last video you saw how I use custom code to uplevel my Squarespace website to look more high-end. In this video I'll show you how to add the code for using custom fonts.

Copy and paste below code:
//Custom Fonts Squarespace//

@font-face { font-family: 'font-name'; src: url(unique-url-for-your-file: click the file in your custom file folder to get this url) }

//Heading One Font//
h1 { font-family: 'font-name', alternative-web-safe-font; }

//Heading Two Font//
h2 { font-family: 'font-name', alternative-web-safe-font; }

//Heading Three Font//
h3 { font-family: 'font-name', alternative-web-safe-font; }

//Normal Font//
p { font-family: 'font-name', alternative-web-safe-font; }

//Quote Font//
.sqs-block-quote blockquote { font-family: 'font-name', alternative-web-safe-font; }

//Quote Source Font*//
.sqs-block-quote .source { font-family: 'font-name', alternative-web-safe-font; }

5 Musts For A High-Converting Website
www.SharonMarta.com

Design More Creative Sites: 50 Creative Artboard Designs for Web Designers:
https://sharonmarta.com/shop/p/50-cre...

Content Creator’s Toolkit:
https://www.sharonmarta.com/resources

Follow me on Instagram:/ sharonmarta_creative

Get 10% off Squarespace with code SHARON10 squarespace.syuh.net/Oj7dP