How to use a custom font in Squarespace without code

web design

Nov 23

Squarespace just released a brand-new feature that finally lets you upload custom fonts directly into your site. No more workarounds or buried settings to track down. Inside your Site Style menu, open your Fonts panel, you’ll now see an Uploaded Fonts section where you can add your own typefaces in just a few clicks.

If you want to personalize your website with a unique brand font, this update makes the technical part so much easier. And in this article, you’ll learn exactly how the new upload system works, what file types Squarespace accepts, and when you might still need to use CSS to apply your font across your entire site.

Where Custom CSS Still Matters

Squarespace’s new font uploader is amazing, but it doesn’t automatically apply your custom font everywhere. If you want to use your uploaded font for anything outside the Advanced Font menu (like buttons, product areas, gallery titles, or custom sections), you’ll still need to add a little CSS to specify where that font should appear. The upload feature makes your font available; CSS is what activates it across your design.

If you want help with that, Custom Codey can create the code you need, and coach you through the process of setting it all up.

Accepted Font Formats in Squarespace

If you want to add your custom font to something accessible via the advanced font menu inside site styles, make sure you upload the right kind of file. Squarespace snow upports the following font file types:

.otf (OpenType)
.ttf (TrueType)
.woff (Web Open Font Format)
.woff2 (The recommended modern, compressed format)

Pro Tips

If you have multiple versions of your font, upload .woff2 first; it’s the fastest and most web-friendly.
Make sure you have a proper commercial-use license for any font you upload. Even “free” fonts often require a paid license for business websites. Always double check the license terms. Fonts known as open source are generally free to use anywhere, but it’s always good to double check!