25 Best Squarespace Fonts for 2024

Finding the perfect combinations of fonts for your Squarespace website can be overwhelming and confusing… Where to start?!

Squarespace offers a wide range of fonts to choose from, however with so many to choose from, it can be tricky to get the right balance for your business.

Being a type nerds for over 25 years, we’ve compiled our favourite Squarespace fonts available for you to use right now.


Firstly… How to change the default fonts in Squarespace

New to Squarespace, or just need a refresher on how to change the default fonts? Here’s how to do it in three simple steps:

  1. Open your website from the Squarespace Dashboard.

  2. Click Design, then Site Styles, and Fonts.

  3. From here you can select to change the style of the Headings, Paragraphs, Buttons etc

  4. Click Family and select your desired font


What to consider when choosing new Squarespace fonts for your website

Choosing new fonts for your Squarespace website is essential to make sure your brand is being . Here are the three most important factors to consider when selecting a font:

  • Readability An important factor when considering a font is to make sure it is legible and readable for your audience.

  • On Brand — Choosing a font that matches your personality and the expectation of your audience is crucial to reinforcing your brand message.

  • Uniquely yours In your industry and amongst your competitors are you unique? Do you need to be? Choose fonts that reflect your uniqueness.

  • Flexible — When choosing a font think about what you need the font to do. ie. Do you need all caps, bold and light, italic versions for your site?


How to add custom fonts to Squarespace


Did you know that you can add any custom font in Squarespace? That means you don’t have to be limited by the built-in fonts. Here’s how to add your own font:

  1. Click Design > Custom CSS > Manage custom files.

  2. Then click Add images or fonts, and upload the font file.

  3. Paste this code in the custom CSS code area (the white box):

    @font-face {
         font-family: custom-font;
         src: url(); 
    }
    h1, h2, h3, h4, .sqsrte-large, p, .sqsrte-small {
        font-family: custom-font;
    }
    
  4. Now click on the space between the brackets in the code src: url(), and then select your uploaded font from the Manage Custom Files menu. The URL will automatically be added.

  5. Save and your custom font is added! If you don’t want the custom font on headings you can remove h1, h2, h3, h4, from the code, or be more specific by only removing it from Heading 3 by removing h3, from the code.


Our Top 7 Serif Fonts for Squarespace

Serif fonts are the fonts with “little legs” on the end of the letters giving them an elegant and sophisticated style. Popular versions of Serif fonts are Times, Caslon and Georgia. When combined with other serif or sans serif fonts they can be very impactful. Below are some of our favourite

LTC Bodoni 175

Classica Pro

LTC Caslon Pro

Merriweather

FF Tisa Pro

Abril Display

Mrs Eaves


Our Top 5 Sans Serif Fonts for Squarespace

Sans Serif fonts are clean minimal fonts that provide a calm and clean aesthetic. Traditional fonts like Helvetica and Arial are well known Sans Serif Fonts. here are our favourite Squarespace Sans Serif fonts to use on your website.

Europa

Roboto

Franklin Gothic URW

Acumin Pro

Meta Pro


Our Top 5 Script Fonts for Squarespace

Script fonts can had an elegance or hand drawn feel to the site to give a good dose of personality. There are a wide range of scripts available from hand drawn to refined cursive scripts. Here are some of our favourites.

Six Hands Chalk

Emily Austin

Gloss Drop

Sloop Script Three

Calgary Script OT


Our Top 8 Display Fonts for Squarespace

Display fonts allow brands to infuse unique personality into their brands. These unique fonts typically are used in small amounts, and on websites as point of difference headings. There are a huge range of these types of fonts available from hand drawn, to retro, to distressed. Here are some of our favourites.

Diazo MVB Rough

Bebas Neue

Calder Dark Shadow

Blockhead Black Face

Atrament Web

Henderson Slab Basic

Ohno Blazeface

Rufina Stencil



Clients ❤︎ Squarely


Some recent work

View all ➝

RECENT ARTICLES

Previous
Previous

Squarespace SEO Checklist: Get Your Site Ranking on Google (2024)

Next
Next

How to Choose the Right Squarespace Designer in Australia