Yes! Custom Fonts

grey_ghost.png

Description

Add custom fonts to your Squarespace website. This plugin uses css editor and works with Squarespace 7.0.

No look demo available.


How To Install

From your Squarespace account, go to the Custom CSS Editor. 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);
}

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

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

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

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

Customize

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 exactly as it appears in the actual files.


Previous
Previous

Change Cursor To Image

Next
Next

Center Footer Text On Mobile