How to Add Custom Fonts in Squarespace 7.1

Written By Mel Hoffman

Step 1: Check Your Font License

  • Make sure you have the rights to use the font on your website. Only upload fonts you’re licensed to use commercially or personally.

Step 2: Open Site Styles

  • Go to Design → Site Styles in your Squarespace dashboard.

Step 3: Choose Where to Apply the Font

  • Click on Headings or Paragraphs depending on where you want your font to appear.

Step 4: Upload Your Font

  • Open the font dropdown and select Upload Font.

  • Choose your font file (.woff, .woff2, .ttf, or .otf).

Step 5: Apply & Preview

  • Apply the font and preview your site on desktop and mobile.

Quick Tips

  • Limit fonts: Stick to 1 heading font + 1 body font for a clean look.

  • Hierarchy matters: Use your heading font for titles and subheadings, and your body font for paragraphs.

  • Contrast is key: Make sure your font stands out against your background for easy reading.

  • Stay on-brand: Match your fonts to your logo and other brand materials for consistency.

Back to Squarespace Tutorials
Back to Squarespace Tutorials
Mel Hoffman