How to Load New Fonts into Squarespace

Squarespace doesn't have the font you love? Here's how to upload it and use it. Four steps, a little bit of code and voila!

Directions and Code:

Start: Squarespace >Design >CSS

Enter this code:

//Adding FONT NAME//

@font-face {    

font-family: 'NAME';       

src: url('FONT URL');  }

  1. ERASE FONT URL, leave cursor in between ‘ ‘

  2. Click on uploaded font - this populates the font url into Squarespace

  3. Assign the font by entering this code below first step, skip a line:

//Assign Arima Font//

h1 {font-family: 'NAME';}

Or whichever h code you want to use it for.

Would you like more Squarespace tips? Grab my free Website refresh workshop below and get them sent to your inbox!

I’ll talk to you soon,

Elizabeth

Previous
Previous

Don’t Call It A Comeback

Next
Next

Teaching Pains