Changing fonts on your website lets you customize text style, size, color, and spacing. Here's a comprehensive guide to managing fonts in Squarespace.

Font Basics

• Collection includes 600 Google Fonts and 1,000 Adobe Fonts
• Font menus show recently used and popular options first
• Consistent fonts create cohesive website design
• Font appearance may vary across devices and browsers
• Most font changes affect entire website categories

Text Scaling

Version 7.1:

• Scales based on base font size
• Text blocks scale independently

Version 7.0:

• Scales based on browser size
• Some templates allow fine-tuning

Changing Fonts

To modify all fonts:

1. Open Website Styles
2. Click Fonts
3. Select font package (Sans-Serif, Serif, or Mixed)
4. Set base font size
5. Save changes

For specific font changes:

1. Click Assign Styles
2. Select text group
3. Choose font style
4. Adjust customization options

Finding Specific Fonts:

1. Open Website Styles
2. Navigate to desired text type
3. Click Family
4. Use search field or browse options

Font Formatting Options:

• Weight
• Line height
• Letter spacing
• Style
• Text transformation
• Size

Custom Adobe Fonts (Version 7.0)

1. Create web project in Adobe
2. Copy project ID
3. Add ID to Squarespace Developer Tools
4. Use custom fonts in Website Styles

Troubleshooting Tips:

• Use paste without formatting (Ctrl/Cmd + Shift + V)
• Ensure font weight is above 100 for mobile readability
• Check domain settings if fonts display differently when logged in
• Remove any conflicting JavaScript implementations

Note: If Google or Adobe removes fonts, existing text retains the font, but you can't reapply it after changing.

Related Articles

Previous Articles