How to Upload Custom Fonts in Squarespace (No Code Needed)
If you’ve ever wanted to use a custom font on your Squarespace site, maybe something from Ohno Type Co, Adobe Fonts, or even a paid license, you used to need a little CSS magic to get it working. Not anymore. Today I’m going to show you how to upload and manage custom fonts directly in Squarespace, no code needed.
I’m a font connoisseur: I run the Squarespace Font Directory, a complete, filterable list of every font in Squarespace, and I also created the Ultimate Font Guide, which includes curated font pairings and CSS tricks, all for free.
Let’s dive in.
Why You’d Want to Upload Fonts
Sometimes you just need something that’s not built in. Maybe your brand uses a font that isn’t in Squarespace. Or maybe you’re trying to avoid GDPR issues by hosting fonts locally instead of using Google Fonts from Google’s servers. Or maybe, like me, you just love a good typeface.
In the video, I use Ekmannpsych from Oh No Type Co, currently my favorite indie type studio. Somae of their fonts are already in Squarespace, but this one isn’t. Let’s walk through how to get it uploaded and working.
Step 1: Download the Font
First, download the font from a reputable source where you’ve purchased or been granted a license.
One source for good free fonts (outside of the Google and Adobe orbits) is bestfreefonts.com.
⚠️ Important: Before you upload a font, make sure you have the legal right to use it on your website. Just because you can download it doesn’t mean it’s free for commercial use.
Step 2: Convert to .woff2 if Needed
Squarespace accepts .otf, .ttf, .woff, and .woff2. But .woff2 is the lightest, and therefore fastest, font file format. If your font doesn’t already come in .woff2, use a free tool like cloudconvert.com to convert it. Drag in your .otf or .ttf, export as .woff2, and you’re good to go.
Step 3: Upload the Font in Squarespace
Now, head to your site and go to: Design → Site Styles → Fonts.
Click into the section you want to edit: Headings, Paragraphs, or Buttons.
Click the dropdown, then click the upload icon.
Drag in your .woff2 file, or click the plus sign to browse.
Once your file is uploaded, it will appear under Uploaded Fonts in the font picker and be ready to use immediately.
I usually start by assigning it to my Headings, since that’s where a strong typeface makes the biggest visual impact. Try adjusting the size and weight to see how it pairs with your body text, but begin with the headings to quickly get a feel for the character of your new font.
Step 4: Use the Font Across Your Site
Now that the font is uploaded, you can use it in any section of the site that lets you customize fonts. Just open Site Styles and assign your new font wherever needed. No need for custom CSS or file hosting. It’s all native now.
Bonus: Delete a Font You No Longer Want
If you want to remove a font:
First, make sure it’s not in use anywhere on the site.
Go back to the font dropdown where you uploaded it.
Click Manage next to Uploaded Fonts.
Click the three dots beside the font name to remove the whole font, or just delete individual styles.
You must remove the font from all usage areas before Squarespace will let you delete it.
That’s it! Custom fonts in Squarespace, no code required. Use it to match your brand perfectly, increase privacy compliance, or just stand out with great typography. If you want help choosing great fonts, check out my Ultimate Squarespace Font Guide. It’s totally free, and it includes handpicked pairings and CSS tips all in one spot.
Happy designing!
