How to Change the Font in Squarespace (7.1 Guide)

Squarespace is known for beautiful typography, and changing your fonts is one of the quickest ways to make a template feel like your own brand. The system works a little differently from other website builders, because it's built around font packs rather than picking fonts one by one. Once you understand that, it's quick. Here's how to change fonts site-wide, style each kind of text, and find a specific font.

Check your version first

Squarespace's help centre explains that these font options apply to version 7.1 sites, while version 7.0 sites have different font settings. Most sites built in recent years are on 7.1. If your style menus don't match the steps below, you're likely on 7.0.

How Squarespace fonts are organised

Category	What it controls
Headings	Text formatted as headings and title text
Paragraphs	Body text in text blocks and other content
Buttons	Text on buttons
Miscellaneous	Everything else, such as content details and labels

Every site uses a font pack that sets all four categories at once. Squarespace says font packs use Google Fonts, which helps you keep a consistent brand across platforms.

Change your font pack

1. Open the Site styles panel.
2. Click Fonts to see recommended packs, or click the arrow next to Fonts and choose All Font Packs.
3. Filter by Sans-serif, Serif or Mixed.
4. Click a font pack to preview it on your site.
5. Click Save when you find one you like.

This is the fastest way to transform your site's personality, and the preview lets you see it on your own content before committing.

Fine-tune each type of text

1. Open Site styles and click the arrow next to Fonts.
2. Use + or - to change the base size.
3. Click Headings, Paragraphs, Buttons or Miscellaneous.
4. Choose the font, style, weight, line height, letter spacing and size.
5. Click Save.

The base size trick most people miss

Here's the setting that saves the most time. Squarespace explains that all text on your site scales relative to the base size. So if your text feels a touch too small everywhere, don't resize every heading and paragraph separately. Nudge the base size up with the plus button and everything grows in proportion, keeping your hierarchy intact.

Use a specific Google or Adobe font

1. In Site styles, click the arrow next to Fonts.
2. Click the category you want to change.
3. Open the dropdown under Font.
4. Type the name in Search all fonts, or click Additional Fonts to browse Adobe Fonts.
5. Click the font, then Save.

Squarespace's collection includes 600 Google fonts plus Adobe Fonts, but it notes that not every Google Font is in its library. If yours isn't there, Squarespace also lets you upload custom fonts.

Style one area differently

Want your form labels or cookie banner to use a different style? In the Fonts panel, click Assign Styles, find the feature, click its text, and choose a style category or set a custom style. Use this sparingly; it's for the odd exception, not for redesigning every page.

Changing text colour

Font settings don't include colour. Squarespace explains that to change text colour, you change your site-wide or section colours, or use the text toolbar inside a text block. Keep colours consistent and readable, with dark text on light backgrounds for body copy.

Choose fonts that work for business

• Stick to two fonts: one for headings and one for body text.
• Make sure body text is easy to read at a normal size on a phone.
• Use weight and size, not extra fonts, to create emphasis.
• Match the font to your brand's personality, such as classic, modern or playful.

Squarespace warns that fonts can render differently on different devices, such as Windows and Mac, or iPhone and Android, so check your site on more than one. If you're working on your brand and marketing more broadly, my Squarespace marketing strategy guide is a good next step, and if fonts are just one sign of a dated site, my checklist of signs your website needs a makeover will help.

Fonts on older 7.0 sites

If you're on version 7.0, font settings vary by template, so the panel won't match these steps exactly. You'll still find font options in the site styles area, but what you can change depends on your template. If you find yourself fighting the limits, it may be time to look at moving to 7.1, where every site gets the same flexible font controls.

Test before you commit

Font pack previews show on your own pages, so click through a few before saving: your homepage, a long blog post and a page with buttons. A font that looks elegant in a big heading can be tiring to read in a long paragraph, and the only way to know is to see it on your real content.

My verdict

Open Site styles, click Fonts and pick a font pack to change fonts site-wide. Then fine-tune Headings, Paragraphs, Buttons and Miscellaneous, and use the base size to scale everything together. Search for a specific Google or Adobe font if you need one, keep it to two fonts, and check the result on your phone.

Frequently asked questions

How do I change the font on my Squarespace site?

Open Site styles, click Fonts, choose a new font pack and click Save.

How do I change heading fonts in Squarespace?

In Site styles, click the arrow next to Fonts, click Headings, choose a font and save.

Can I use any Google Font on Squarespace?

Not every one. Squarespace's library includes 600 Google fonts, and you can upload custom fonts.

How do I make all text bigger in Squarespace?

Increase the base size in the Fonts panel; all text scales relative to it.

How do I change text colour in Squarespace?

Change your site-wide or section colours, or use the text toolbar in a text block.