Adding Custom Fonts

To add custom font to your Squarespace website:

Click Design >>> Custom CSS

At the bottom of the page you will see a button Manage Custom Files. Click on that link.

From there, drag your font and upload it onto Squarespace.

From there, copy and past this code below to past into the CSS Editor:

@font-face { 
font-family: 'Font name'; 
src: url('URL of Font');

Be sure to change ‘Font Name’ to your custom font name & write in the URL of the font you uploaded to Squarespace where it says ‘URL of Font.’ You can do this step by clicking on the file of the font you uploaded.

From there, your final step will be to tag which fonts you would like to change on your site. Here is a few of the key fonts:

h1, h2, h3, p

h1{ font-family: 'Font name (exactly as above)' !important;} 
h2{font-family: 'Font name (exactly as above)' !important;} 
h3{font-family: 'Font name (exactly as above)' !important;} 
p{font-family: 'Font name (exactly as above)' !important;}

David Iskander