Fonts in Squarespace work through Google Fonts (600+ options) and Adobe Fonts (1000+ options). Here's how to customize your site's typography:

Basic Font Changes:

• Access Site Styles panel and click "Fonts"
• Choose from Sans-serif, Serif, or Mixed font packages
• Adjust Base font size (all other text sizes scale relatively)
• Click Save to apply changes

Customizing Specific Text Elements:

1. Open "Allocate styles"
2. Select text group (Heading, Button, etc.)
3. Choose font style from dropdown menu
4. Use Customize for additional options:
   • Weight
   • Line height
   • Letter spacing
   • Text transformation
   • Size
   • Style (normal, bold, italic)

Finding Specific Fonts:

1. Open Site Styles > Fonts
2. Click "Explore All Fonts"
3. Use search field or scroll through options
4. Select desired font and save changes

Important Considerations:

• Font rendering varies by device and browser
• Text automatically adjusts to screen size
• Site-wide changes affect all instances of that text type
• Base font size determines overall text scaling
• Minimum recommended font weight: 100 for mobile visibility

Custom Adobe Fonts (Version 7.0 only):

1. Create web project in Adobe Fonts
2. Copy project ID
3. Add ID to External API Keys in Developer Tools
4. Use custom fonts in Site Styles

Troubleshooting:

• Clear formatting when copying/pasting text
• Check domain settings if fonts appear different when logged in
• Use rem/em values for responsive sizing
• Ensure font weight >100 for mobile readability

Related Articles

Previous Articles