How to Upload Custom Fonts in Squarespace: Beginner’s Guide (2025)

Squarespace just rolled out one of its most exciting updates yet — custom font uploads.

Until now, you had to use workarounds or inject custom code to bring your own fonts to Squarespace. Not anymore.

You can now upload your own OTF, TTF, or WOFF files directly inside the editor, and use them across your website — all without touching code.

In this short guide, I’ll show you how to use this new feature, why it’s a game-changer for designers, and a few quick tips to keep things running smoothly.

🎥 I also recorded a short video showing exactly how to upload and use custom fonts — you’ll find it below.

👉 If you’re planning a Squarespace redesign or want a hand customizing your fonts and brand style, get in touch here. I can help you set it up and make sure your site looks on-brand across every page.

Table of Contents

• Introduction

• What’s New in Squarespace Fonts

• How to Upload Custom Fonts (Step-by-Step)

• Why Custom Fonts Matter

• Common Mistakes to Avoid

• Conclusion

• FAQ

What’s New in Squarespace Fonts

Squarespace now supports drag-and-drop custom font uploads directly within the Fonts panel — no code injection or third-party hosting needed.

You can upload:

• .OTF (OpenType Fonts)

• .TTF (TrueType Fonts)

• .WOFF and .WOFF2 (Web Open Font Formats)

Once uploaded, the fonts appear in your Fonts panel alongside Squarespace’s built-in options.

💡 This means you can:

• Use your own brand fonts site-wide

• Adjust weights and variants

• Keep your typography consistent with your brand identity

This update is especially helpful for designers who want their client’s sites to match their visual identity perfectly.

How to Upload Custom Fonts (Step-by-Step)

Here’s how to try it out:

1. Open Site Styles

   In your Squarespace editor, click Design → Site Styles.

2. Access the Fonts Panel

   In Site Styles, click on Fonts. You’ll see an upload icon (an arrow pointing up to a line) in the top-right corner.

3. Upload Your Fonts

   Click the upload icon to open the custom font manager.

   Drag and drop your .OTF, .TTF, or .WOFF files, or click to upload them manually.

4. Manage Font Families

   Once uploaded, your custom fonts will appear under “Uploaded Fonts.”

   You can manage font families, variants, and even delete old fonts.

5. Apply the Font

   Select your uploaded font and apply it to any text style — headings, paragraphs, buttons, etc.

📹 Watch the video below to see me walk through this process in real time.

Why Custom Fonts Matter

Fonts do more than make your website look pretty — they build brand recognition and improve user experience.

Before this update, using brand-specific fonts required either:

• Injecting custom CSS, or

• Hosting fonts externally (like on Google Fonts or Adobe Fonts).

Now, it’s as simple as uploading a file — saving time, avoiding code errors, and keeping everything inside Squarespace’s native interface.

💡 Pro Tip: Always upload web-optimized fonts (like WOFF or WOFF2) for better site speed.

Common Mistakes to Avoid

⚠️ Uploading the wrong file type

Only .OTF, .TTF, .WOFF, and .WOFF2 are supported. Font collections or zipped files won’t work.

⚠️ Forgetting web licensing

Make sure you have the rights to use your custom font on the web — especially for client projects.

⚠️ Not checking on mobile

After applying your font, preview your site on mobile to ensure readability and spacing still look right.

This update is a big win for both designers and DIY Squarespace users.

You can finally upload your own brand fonts without digging through code or using workarounds.

If you’re looking to refresh your site’s typography or match your brand identity perfectly, now’s the time to give it a try.

👉 Want me to handle it for you or help with your site’s style setup? Reach out here or check out my Squarespace portfolio to see how I approach custom design.

FAQ

• Can I upload any font to Squarespace?

  You can upload .OTF, .TTF, .WOFF, or .WOFF2 font files — just make sure you have a web-use license.

• Where do I find the upload option?

  Go to Design → Site Styles → Fonts, then click the upload icon (an up arrow).

• Does this work on all Squarespace templates?

  Yes, custom font uploads work across all 7.1 templates.

• Will custom fonts slow down my site?

  Not if you upload web-optimized versions like WOFF or WOFF2. These are designed for fast loading.

• Can I remove uploaded fonts later?

  Yes, you can manage and delete them anytime from the same upload panel.