{"id":96,"date":"2026-06-23T00:08:27","date_gmt":"2026-06-23T00:08:27","guid":{"rendered":"https:\/\/copyandpaste-fonts.com\/blog\/?p=96"},"modified":"2026-07-02T17:24:17","modified_gmt":"2026-07-02T17:24:17","slug":"font-on-squarespace","status":"publish","type":"post","link":"https:\/\/copyandpaste-fonts.com\/blog\/font-on-squarespace\/","title":{"rendered":"How to Change Font on Squarespace | 4 methods & Steps"},"content":{"rendered":"

To change a font on Squarespace, open the design settings. There you can edit the font for headings, paragraphs, buttons, and other text. This can be done without advanced skills.<\/p>\n

Choosing the right font makes a website easier to read. It also gives the site a professional look. This guide shows how to change the font on Squarespace<\/strong>, step by step.<\/p>\n

\"Font<\/p>\n

Where the Font Settings Live<\/h2>\n

Every font on your Squarespace site controlled from one place called Site Styles.<\/p>\n

Here’s how to get there:<\/p>\n

Step 1:<\/strong> Log into your Squarespace account and open your website editor.<\/p>\n

Step 2:<\/strong> Look for the paintbrush icon in the top right corner of the editor. Click it.<\/p>\n

Step 3:<\/strong> A menu opens on the left side. Click Fonts<\/strong>.<\/p>\n

That’s it. You’re in. Everything from here controls how text looks across your whole site.<\/p>\n

Method 1: Use a Font Pack<\/h2>\n

Font packs are the fastest option. Squarespace has over 60 pre-made font combinations. Each pack pairs a heading font with a body text font that already looks good together.<\/p>\n

Good for anyone who wants a quick change without picking every setting themselves.<\/p>\n

Step 1:<\/strong> Inside the Fonts menu, click Switch Font Pack<\/strong>.<\/p>\n

Step 2:<\/strong> Scroll through and click any pack. Your site updates on the spot so you can see exactly how it looks.<\/p>\n

Step 3:<\/strong> Found one you like? Click it to apply. Done.<\/p>\n

If you change your mind later, go back and hit Reset Font Pack<\/strong> at the bottom of the menu.<\/p>\n

Method 2: Change Fonts Manual<\/h2>\n

Font packs are fast but you’re stuck with what they give you. Want full control over every text type? Pick them yourself.<\/p>\n

Squarespace has over 1,600 fonts in total. You won’t run out of options.<\/p>\n

For Headings:<\/strong><\/p>\n

Step 1:<\/strong> In the Fonts menu, hit Headings.<\/p>\n

Step 2:<\/strong> Click the font name. A search box pops up with the full library.<\/p>\n

Step 3:<\/strong> Type a name or scroll around. Click any font to see it on your site.<\/p>\n

Step 4:<\/strong> Hit the back arrow when you find one you like.<\/p>\n

For Body Text:<\/strong><\/p>\n

Same steps but hit Paragraphs instead. P1, P2, and P3 are small, medium, and large paragraph styles. Each one can be a different size.<\/p>\n

For Buttons and Navigation:<\/strong><\/p>\n

Buttons are under Buttons in the Fonts menu. Navigation text is a different story. Go to Site Styles, click Header, and you’ll find it in there.<\/p>\n

Method 3: Change Font Size and Spacing<\/h2>\n

Picking a font is one thing. Getting the size right is another.<\/p>\n

Step 1:<\/strong> In the Fonts menu, click whichever one you want to resize. Headings, Paragraphs, Buttons whatever needs changing.<\/p>\n

Step 2:<\/strong> Drag the size slider until the text looks how you want it.<\/p>\n

Step 3:<\/strong> While you’re in there, take a look at letter spacing and line height too. Letter spacing is how far apart your letters are. Line height is the gap between each line of text. Both sit right below the size slider.<\/p>\n

One thing to know: Squarespace uses REM units for sizing. You don’t need to know what that means. The slider handles it. But if you see a number like 1.5rem somewhere, that’s a way of measuring text size relative to your site’s base size.<\/p>\n

The base size is set to 16px by default. Bigger base size means bigger text everywhere.<\/p>\n

Method 4: Upload Your Own Font<\/h2>\n

Squarespace has over 1,600 fonts in its library. But you have a specific font your brand uses. You can upload it.<\/p>\n

Step 1: <\/strong>Grab your font file. It needs to be .ttf or .otf. Downloading from Google Fonts? Pick the TTF option.<\/p>\n

Step 2:<\/strong> In the Fonts menu, click the text type you want to change. Headings works as a good starting point.<\/p>\n

Step 3:<\/strong> Click the font name. The font library opens up.<\/p>\n

Step 4:<\/strong> Find the upload icon next to the search bar and click it.<\/p>\n

Step 5:<\/strong> Drag your font file into the box. Or hit the plus icon and find it on your computer.<\/p>\n

Step 6:<\/strong> After it uploads, scroll to Uploaded in the font list. Click your font to apply it.<\/p>\n

Your custom font now shows up wherever you assigned it on the site.<\/p>\n

\"Font<\/p>\n

Conclusion<\/h2>\n

It might look a tiny bit different than before. Font of Squarespace<\/strong> changed their menu layout in May 2025. If things look different on your screen, hit the \/ key and search for what you need. It’ll come up. Font packs take about thirty seconds. Manual font picking takes a few minutes. Custom font uploads take five. Pick the method that fits how much control you want and go from there.<\/p>\n","protected":false},"excerpt":{"rendered":"

To change a font on Squarespace, open the design settings. There you can edit the font for headings, paragraphs, buttons, and other text. This can\u2026<\/p>\n","protected":false},"author":2,"featured_media":100,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-96","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog"],"_links":{"self":[{"href":"https:\/\/copyandpaste-fonts.com\/blog\/wp-json\/wp\/v2\/posts\/96","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/copyandpaste-fonts.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/copyandpaste-fonts.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/copyandpaste-fonts.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/copyandpaste-fonts.com\/blog\/wp-json\/wp\/v2\/comments?post=96"}],"version-history":[{"count":9,"href":"https:\/\/copyandpaste-fonts.com\/blog\/wp-json\/wp\/v2\/posts\/96\/revisions"}],"predecessor-version":[{"id":138,"href":"https:\/\/copyandpaste-fonts.com\/blog\/wp-json\/wp\/v2\/posts\/96\/revisions\/138"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/copyandpaste-fonts.com\/blog\/wp-json\/wp\/v2\/media\/100"}],"wp:attachment":[{"href":"https:\/\/copyandpaste-fonts.com\/blog\/wp-json\/wp\/v2\/media?parent=96"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/copyandpaste-fonts.com\/blog\/wp-json\/wp\/v2\/categories?post=96"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/copyandpaste-fonts.com\/blog\/wp-json\/wp\/v2\/tags?post=96"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}