Changing Fonts on Squarespace: Font Packs and Custom Uploads

Squarespace changes your site's fonts through the Site Styles panel — either by switching your whole site to a pre-built "font pack," or by styling individual font categories (Headings, Paragraphs, Buttons, Miscellaneous) yourself. If you want a typeface that isn't already in Squarespace's library, you can upload it directly as a font file. This guide covers both routes, plus the built-in font libraries and upload limits, sourced from Squarespace's Help Center (checked September 2026). It applies to Squarespace version 7.1 — Squarespace says directly that "these font styling options are available in version 7.1 sites. Version 7.0 sites have different font settings," and this guide notes the 7.0 differences where Squarespace documents them.

How do I change fonts in Site Styles?

Squarespace's Help Center describes the base workflow: "Use site styles to change your site-wide font styles. All sites start with default font settings that you can customize to complement your brand." To open it, go to the Site styles panel, then click the arrow next to Fonts.

From there you have two routes, and they aren't mutually exclusive — most people start with a font pack, then fine-tune individual categories afterward.

What's a font pack, and how is that different from picking fonts myself?

A font pack is Squarespace's pre-matched set of typefaces for your whole site. Squarespace's Help Center explains: "All Squarespace sites use a font pack for cohesive font styling. Font packs use Google Fonts that are widely available, helping you maintain a consistent brand across platforms. You can change fonts throughout your site by choosing a new font pack." Every Squarespace site is using some font pack by default, whether or not you've deliberately chosen one.

To choose a different one: open Site Styles, click Fonts to see recommended packs immediately, or click the arrow next to Fonts and then "All Font Packs" to see the full list. You can filter by clicking Sans-serif, Serif, or Mixed. Click a pack to preview it live on your site, then click Save if you want to keep it.

If you'd rather style fonts yourself instead of using a matched pack, you edit each category individually — covered next. You can also mix approaches: pick a font pack as your starting point, then override specific categories or specific text elements from there.

What font categories can I style, and what can I change in each?

Squarespace's Help Center lists four categories inside every font pack:

• Headings — "Applies to text blocks using heading formatting and title text in blocks and other content."
• Paragraphs — "Applies to text blocks using paragraph formatting and body text in blocks and other content."
• Buttons — "Applies to text on buttons," and this category separately covers primary, secondary, and tertiary button types.
• Miscellaneous — "Applies to any text on your site not affected by other categories, mostly content metadata and certain other features like limited availability labels."

Squarespace notes that "most changes to a font category apply site-wide. For example, changing the font for your Headings applies to all text formatted as headings across your site." Within each category, the available styling controls are the same: Font, Style (normal, bold, italic, or other formats depending on the font), Weight, Line height, Letter spacing, Text transform (capitalization — Squarespace notes "this tweak only applies to certain fonts"), and Size. Headings, Paragraphs, and Buttons each get their own size settings for their different formatting sub-options.

If you need one specific piece of text to look different from the rest of its category — a single callout, a form block, a cookie banner — Squarespace's "Assign Styles" option lets you override that one element without touching the category-wide setting. You open Site Styles, click the arrow next to Fonts, click Assign Styles, find the specific feature, and either reassign it to a different category or set it to Custom for individual styling.

What fonts are actually available before I upload anything?

Squarespace's Help Center states the size of its built-in library directly: "Our font collection includes 600 Google fonts and 1,000 Adobe Fonts. To keep menus short, we limit what appears at first, focusing on your recently used fonts and our most popular options. This collection doesn't include every available Google or Adobe font or formatting option." To search past what's shown by default, use the search field inside the font dropdown, or click "Additional Fonts" at the bottom of the list to browse Adobe Fonts specifically.

Adobe Fonts (formerly Typekit) is optional. Squarespace's help page answers "Can I prevent Adobe fonts loading on my site?" with yes: use one of the built-in font packs, and if you customize individual tweaks, don't pick any font listed under "Additional Fonts."

One limitation worth knowing before you commit to a font: "Occasionally, Google and Adobe remove fonts from their libraries. If you're using a font that's been removed and switch to a different font, you can't switch back. Instead, we replace the font in our library with the closest match." If your live site suddenly shows a font swap you didn't make, this is the likely cause — check our guide to Figma fonts not showing correctly on a live site if the mismatch is between a Figma design and what actually renders.

How do I upload a custom font?

If the typeface you want isn't in either built-in library, Squarespace supports uploading your own font file. Its Help Center (Squarespace, "Uploading custom fonts") states: "To use a font that's not already available on Squarespace, upload it in site styles to use anywhere on your site. This is a great way to enhance your brand beyond our built-in font options." Once uploaded, the font becomes available as an option in any font dropdown across your site's styling.

On version 7.1, the steps are: open the Site styles panel and click the arrow next to Fonts, click a font category (Headings, Paragraph, or Buttons), click the font dropdown menu, then click the upload icon and either drag the file in or click the plus icon to select it from your computer.

Supported file types are limited to four formats, per Squarespace: .otf, .ttf, .woff, and .woff2. Anything outside those isn't supported.

There's also a documented limit on font variation: "You can use variable font files that include multiple weights, but font files with multiple styles aren't supported at this time. To use other styles of a specific font, upload each as a separate file." In practice, if you need both a regular and an italic cut of the same family, you upload each style as its own file rather than expecting one variable file to cover both.

To use an uploaded font afterward, open the same font dropdown in any tweak — your uploaded fonts appear under an "Uploaded" heading. To remove one, Squarespace requires you to first stop using it anywhere on the site, then open the font dropdown, click "Manage" next to Uploaded, and delete either the whole font or a single style from it.

What's different about custom fonts on version 7.0?

Squarespace's font-styling article states plainly that "version 7.0 sites have different font settings" from 7.1, and its custom-font article documents a genuinely different mechanism for that older version: a direct Adobe Fonts project integration, rather than (or alongside) file uploads. On 7.0, you create a web project in your own Adobe Fonts account, copy that project's ID, then paste it into Squarespace's Developer Tools panel under "External API keys" and save. Squarespace is explicit that this replaces your font options rather than adding to them: "This process replaces font options in site styles with the fonts in your custom project. Squarespace's Adobe Fonts won't be available for use while your custom Adobe Fonts project is enabled." It also requires an Adobe Creative Cloud subscription that includes Adobe Fonts — Squarespace doesn't provide that access itself.

What should I know about font licensing before I upload one?

Squarespace's own guidance is direct that this responsibility sits with you, not with Squarespace: "Before you upload a custom font, ensure you have the necessary rights and permissions to use it on your site... Consult your agreement with the font provider before uploading any custom fonts to your site. It's your responsibility to ensure you have secured all necessary rights and permissions for your intended use of the font." Squarespace also flags that license terms vary a lot in practice — some licenses cover a whole font family and others only one weight, some are priced by monthly site visitors, and a font that's freely downloadable for design mockups may still require a separate paid license to publish live on a website. If you're bringing in a custom font from a design tool rather than a font foundry directly, check its license the same way before uploading it here.

If your custom styling needs go beyond what font tweaks alone can do — a font-loading strategy, a @font-face rule, or other CSS — see our Squarespace Code Injection guide for what that feature covers and which plans include it.

Where does Figment fit in?

Nowhere directly for Squarespace font management — Figment isn't a Squarespace tool. Figment publishes a website from a Figma design through its Figma plugin, where font choices are made in Figma itself rather than through a Site Styles panel like this one. If your site already lives on Squarespace and the fonts just need fixing, the steps above are the ones to use.

Bottom line: Squarespace 7.1 handles fonts through Site Styles, either with a ready-made font pack across four text categories or with your own combination pulled from 600 Google Fonts and 1,000 Adobe Fonts. If none of that covers the typeface you need, you can upload your own .otf, .ttf, .woff, or .woff2 file — one file per style — as long as you've confirmed you're licensed to use it that way. Version 7.0 sites work differently and lean on a separate Adobe Fonts project integration instead. Check Squarespace's Help Center for the current steps in your account before making changes.