How to Change and Style Fonts in Squarespace: A Complete Guide

How to Change and Style Fonts in Squarespace: A Complete Guide

By Michael Turner

December 6, 2024 at 05:05 AM

Get started by opening Site Styles and clicking the Fonts option. Here's how to customize your site's fonts:

Change Site-Wide Fonts (Version 7.1)

  1. Open Site Styles > Fonts
  2. Click "Switch" to view available font packs
  3. Choose between Sans-serif, Serif, or Mixed styles
  4. Set the Base Size (all other text scales relative to this)
  5. Click Save when finished

Customize Specific Text Elements

  1. Click "Assign Styles" in the Fonts panel
  2. Select the text group (Title, Button, etc.)
  3. Choose font style from dropdown menu
  4. Adjust additional options:
    • Weight
    • Line height
    • Letter spacing
    • Text transform
    • Size

Squarespace website editor interface

Squarespace website editor interface

Find Specific Fonts

  1. Open Site Styles > Fonts
  2. Click text type to modify
  3. Select "Family"
  4. Click "Browse All Fonts"
  5. Use search field or scroll through options

Add Custom Adobe Fonts (Version 7.0 only)

  1. Create web project in Adobe Fonts
  2. Copy Project ID
  3. Open Developer Tools > External API Keys
  4. Paste Project ID

HTML font embed code

HTML font embed code

Troubleshooting Tips

  • Use Ctrl/Cmd + Shift + V to paste text without formatting
  • Keep font weights above 100 for mobile readability
  • Check domain settings if fonts look different when logged in
  • Version 7.1 uses rem values; Version 7.0 may use em or px values

For system fonts only, select "Helvetica Neue" (Sans-serif), "Georgia" (Serif), or "Verdana" (Mixed) font packs.

Related Articles

Previous Articles