How to Upload Custom Fonts in Squarespace (Finally! No Code. No Tears.)

There you are… building your best branding ever, fully, deeply, madly in (strategic) love with a font that isn’t in Squarespace’s default library (lol, same). Lucky for you: today is your day…

Squarespace now lets you upload your own custom fonts — no CSS wizardry required.

Yes, friend. We are dragging. We are dropping. We are thriving.

Step 1 → Upload Your Font

  1. Open Font Manager

  2. Drag in your font files (.otf / .woff / .woff2)

  3. Watch Squarespace auto-detect the name + weight like the helpful assistant you wish you actually had on payroll

Pro tip that will save your butt later: Make sure you have the correct web font license. Desktop licenses ≠ web licenses. Don’t get sued for your aesthetics.

Step 2 → Assign to Actual Text (Because… Strategy)

Once your shiny new font is uploaded, it’ll show up right in the font picker (chef’s kiss).

You can:

  • Swap your headings to your spicy custom display font

  • Keep your body copy clean + readable

  • Adjust text transform, tracking, weights, italics — all inside the design panel

✔️ Upload an italic version? Squarespace will automatically use it when you hit italics
❌ Don’t upload one? You’ll get a fake italic that screams “I DIY’d this branding at 2AM”

Step 3 → Only Upload Variations You’ll Actually Use

Light. Regular. Bold. Italic.

Upload the versions you need. Not the entire font family like it’s Costco samples.

Because:

More fonts = Slower site = Fewer dreamy clients converting

Squarespace will sort them under one family and let you choose the style in settings. Easy.

Step 4 → Delete Ones You Don’t Use (No Hoarding)

If you uploaded a font and now you’re over her? Break up cleanly:

  1. Unassign it from any text

  2. Hit ❌ in Font Manager

  3. Confirm the breakup

Squarespace won’t let you delete a font that’s still dressed up and working on your page — bless.

Bonus: Fonts Aren’t Just for Headings

Feel free to zhuzh:

  • Buttons

  • Captions

  • Specific blocks

  • Callouts or pull quotes that deserve ✨drama✨

But if you’re only using it in ONE tiny area?
Upload that text as an SVG instead. Keep performance tight.

The Fast-and-dirty Recap for My Busy Founder BFFs:

✅ Drag. Drop. Assign. Done.
✅ Match your brand strategy with visuals that convert
✅ Respect web licenses
✅ Don’t tank site speed for one cute accent word

Your brand deserves to look as legit as you actually are. Now go give your Squarespace site the custom-type energy your audience (and your bank account) has been waiting for.

Happy selling!

xx

S

 

Read more:

 

Read the Latest and Greatest:

Next
Next

The Different Types of Color Codes (And Why They Matter for Your Brand)