Website Building » Squarespace » How Do I Import a Font Into Squarespace?

How Do I Import a Font Into Squarespace?

Last updated on December 25, 2022 @ 1:44 pm

There are two ways to import a font into Squarespace:

Method 1: Use the Font Manager

The Font Manager is the recommended way to add custom fonts to your site. It’s a drag-and-drop interface that makes it easy to add, remove, and rearrange fonts. And, it’s available for all sites on a Business plan or higher.

To use the Font Manager:

  1. From the Home Menu, click Design, and then click Fonts.
  2. Click the Add Fonts button.
  3. Drag and drop your font file into the Upload Fonts modal.
  4. Click the Add button.

Method 2: Use Code Injection

If you’re comfortable working with code, you can use code injection to add custom fonts to your site. This method requires adding a <style>-</style> tag to your site’s HTML, which we don’t recommend for beginners. We also don’t recommend this method if you’re using our built-in fonts, since code injection can break some of their features.

PRO TIP: When importing a font into Squarespace, it is important to make sure that the file is in the correct format. If the file is not in the correct format, it may not work properly or may not display correctly.
  1. From the Home Menu, click Settings, and then click Advanced.
  2. Click Code Injection.
  3. In the Header field, paste the following code snippet. Be sure to replace “FONT-NAME” with the name of your chosen font:
    Font Names
  4. “FONT-NAME” should be replaced with the name of your chosen font.

This is how your text will appear once you’ve imported your font.

Conclusion: You can import a font into Squarespace by using the Font Manager or by code injection.

Using the Font Manager is recommended as it is an easy drag-and-drop interface. Code injection requires adding a <style>-</style> tag to your site’s HTML and we don’t recommend this method for beginners. This is how your text will appear once you’ve imported your font.

Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.