Yes! Custom Fonts

grey.png

Step One

From your Squarespace account, go to the Custom CSS Editor: Design > Advanced > Custom CSS

Step Two

Click Manage Custom Files and upload your font file.

Once your file has been uploading, copy and paste the following code into the CSS Editor box.

// Custom Font //

@font-face {
  font-family: font-name-here;
  src: url(link-to-font)
}

Step Three

Replace font-name-here with the file name as it appears in the actual file. This is important! See the example below.

static1.squarespace-1.png

Next, add the font file’s link by replacing link-to-font. See the example below.

Step Four

Copy and paste the following code into the CSS Editor box.

h1 {
  font-family: font-name-here, web-safe-alternative-font;
}

Step Five

Change the h1 property to the text you are targeting - this can be changed to either h1, h2, h3, or p.

Replace font-name-here with the file name as it appears in the actual files.

Save and refresh the page. 👍

Moov Labs