Fonts can dramatically impact your website's appearance and readability. Here's how to effectively manage fonts on your Squarespace site.

Basic Font Management

• Access font settings via Site Styles > Fonts
• Choose from 600+ Google Fonts and 1,000+ Adobe Fonts
• Use the search field to find specific fonts
• Font changes apply site-wide for consistency

Font Properties You Can Adjust

• Style (normal, bold, italic)
• Size (base font size affects all other text)
• Weight (thickness)
• Line height (spacing between lines)
• Letter spacing (space between characters)
• Text transformation (uppercase, lowercase, capitalize)

Version-Specific Instructions

Version 7.1:

1. Open Site Styles > Fonts
2. Select text type (Headers, Paragraphs, Buttons, Others)
3. Adjust Family, Style, and Size options
4. Click Save to apply changes

Version 7.0:

1. Open Design > Site Styles
2. Choose desired adjustment
3. Select font from dropdown menu
4. Save changes

Custom Adobe Fonts (Version 7.0 Only)

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

Troubleshooting Tips

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

Font changes appear differently across devices and browsers, so test your site on multiple platforms for consistency.

Related Articles

Previous Articles