Website Building » Squarespace » Can You Add Custom Font to Squarespace?

Can You Add Custom Font to Squarespace?

Last updated on December 30, 2022 @ 9:50 pm

You can add custom fonts to Squarespace by using the Fonts menu in the Design panel. To add a custom font, first select the Add Fonts option from the Fonts menu.

This will open the Add Fonts modal, which will allow you to select a custom font from the Typekit library. Once you’ve selected a font, click the Add button to add it to your Squarespace site.

You can also add custom fonts to Squarespace by using the CSS @font-face rule. To use this method, first upload your custom font files to your Squarespace site. Then, add the following code to your site’s CSS:

PRO TIP: Please be aware that adding a custom font to your Squarespace site can result in unexpected and undesirable outcomes. If you are not comfortable with editing code, we recommend stick with using one of the Squarespace-provided fonts.

@font-face {
  font-family: 'YourFontName';
  src: url('YourFontFile.otf') format('opentype');
}

Once you've added this code, you can then use your custom font by including the following CSS rule:

p {
  font-family: 'YourFontName', sans-serif;
}

Yes, you can add custom fonts to Squarespace sites. You can either use the Fonts menu in the Design panel, or use the CSS @font-face rule.

Morgan Bash

Morgan Bash

Technology enthusiast and Co-Founder of Women Coders SF.