How to Upload a Custom Font to Squarespace

Web Design

Jan 17

Written By MediaBooks

Squarespace is great - but if you have a unique font not available in Squarespace, a bit of code can fix that.

Below you will find the code to upload your custom font. Watch the video above for further explanation.

-----------------------CODE--------------------------------

//Uploaded Font//

@font-face {

font-family: 'FONT NAME HERE';

src: url('FONT FILE HERE');

}

h1 {font-family: 'FONT NAME HERE';}

h2 {font-family: 'FONT NAME HERE';}

h3 {font-family: 'FONT NAME HERE';}

h4 {font-family: 'FONT NAME HERE';}

p1 {font-family: 'FONT NAME HERE';}

p2 {font-family: 'FONT NAME HERE';}

p3 {font-family: 'FONT NAME HERE';}

p4 {font-family: 'FONT NAME HERE';}

----------------------------------------------------------------------------

To see the website template used in this video, click here.

MEDIABOOKS.