Here's how to change fonts in Squarespace, including style, size, color, and spacing options for your website's text.

To change fonts site-wide (Version 7.1):

1. Open Site Style and click Fonts
2. Click "Switch" next to current font pack
3. Choose from Sans-serif, Serif, or Mixed styles
4. Select a new font pack to preview
5. Set the basic font size
6. Click "Save" to apply changes

Font Customization Options:

• Weight: Adjust boldness
• Line Height: Change spacing between lines
• Letter Spacing: Modify space between characters
• Style: Choose regular, bold, or italic
• Text Transformation: Set capitalization
• Size: Adjust text dimensions

Using Custom Fonts:

1. Navigate to "Browse All Fonts"
2. Search from 600+ Google Fonts and 1,000+ Adobe Fonts
3. Select desired font family
4. Apply to specific text groups (headings, paragraphs, buttons)

For Version 7.0 Custom Adobe Fonts:

1. Create a Web Project in Adobe Fonts
2. Copy the project ID

3. Add ID to Developer Tools
4. Apply fonts through Site Style

Troubleshooting Tips:

• Clear formatting when copying/pasting text
• Ensure font weight is above 100 for mobile readability
• Check domain settings if fonts change after logging in
• Use rem values for consistent scaling
• Verify Adobe Fonts project settings for special characters

Font changes apply site-wide for consistency. Some fonts may render differently across devices and browsers. If a font becomes unavailable, Squarespace will replace it with the closest match from their library.

Related Articles

Previous Articles