Squarespace Font Management Guide

Font libraries and availability:

• Access to 600 Google fonts and 1,000 Adobe Fonts
• Search specific fonts using the menu's search field
• Recently used and popular fonts appear first
• Not all Google/Adobe font formatting options are supported

Key considerations for font selection:

• Maintain consistent fonts for unified site appearance
• Font rendering varies across devices and browsers
• Removed fonts can't be reselected after switching

Changing fonts in Version 7.1:

1. Open site styles and click Fonts
2. Select font pack (Sans-serif, Serif, or Mixed)
3. Set Base Size (all other text scales relative to this)
4. Use Assign Styles to customize specific text elements

Changing fonts in Version 7.0:

1. Open site styles
2. Select specific font tweak
3. Choose font from dropdown menu
4. Customize additional styling options

Font styling options:

• Weight: Text thickness
• Line height: Spacing between lines
• Letter spacing: Space between characters
• Text transform: Capitalization options
• Size: Adjust text dimensions

Adding custom Adobe Fonts (Version 7.0 only):

1. Create web project in Adobe Fonts
2. Copy Project ID
3. Add ID to Squarespace Developer tools
4. Apply fonts through site styles

Troubleshooting tips:

• Use formatting-free paste (Ctrl/Cmd + Shift + V)
• Ensure domain isn't using masked forwarding
• Keep font weights above 100 for mobile readability
• Check for proper font sizing units (px, em, rem)
• Remove any conflicting JavaScript

Font changes apply site-wide for consistency, with options to customize specific elements through the text editor or site styles.

Related Articles

Previous Articles