Website Building » Squarespace » Can You Add Fonts to Squarespace?

Can You Add Fonts to Squarespace?

Last updated on December 10, 2022 @ 5:50 am

There are two ways to add fonts to your Squarespace website: by using the Font Manager or by adding custom CSS.

The Font Manager is the easiest way to add fonts to your site. Simply select the font you want to use from the drop-down menu, and then click the “Add” button. The font will be added to your site automatically.

If you want more control over your fonts, you can add custom CSS. This method requires a bit more knowledge of CSS, but it gives you more flexibility in terms of which fonts you can use and how they’re displayed on your site.

To add custom CSS, first create a new CSS file in your site’s assets folder. Then, copy and paste the following CSS into your new file:

PRO TIP: Adding fonts to Squarespace is possible but may not be compatible with all browsers. Additionally, adding too many fonts can slow down your website.
.sqs-editable h1, .sqs-editable h2, .sqs-editable h3 {
    font-family: "Your Font Name", sans-serif;
}

Replace “Your Font Name” with the name of the font you want to use. Then save your CSS file and upload it to your site.

Once you’ve added your font file, you’ll need to update your site’s code to reference the new file. To do this, open the Site Styles panel and scroll down to the Custom CSS section. Add the following code to the end of your Custom CSS:

@import url("/assets/fonts/yourfontname.css");

Be sure to replace “yourfontname” with the name of your font file. Save your changes and preview your site to see your new fonts in action!

You can add fonts to Squarespace by using either the Font Manager or by adding custom CSS. The Font Manager is easier to use but offers less control over how fonts are displayed on your website. Custom CSS requires more knowledge of web coding but gives you more control over which fonts you can use and how they appear on your website.

Drew Clemente

Drew Clemente

Devops & Sysadmin engineer. I basically build infrastructure online.