Ghost Plugins

View Original

Custom Fonts (7.1 Version)

See this gallery in the original post

Description

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


How To Install

From your Squarespace account, go to the Custom CSS Editor. Click Manage Custom Files and upload your font.

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

See this content in the original post

Replace font-name-here with the file name as it appears in the actual file. This is important! See 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.

See this content in the original post

Customize

Change the h1 property to the text you are targeting.

This can be changed to either headers or paragraphs with targeting h1, h2, h3, h4, or p.

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


See this gallery in the original post