how to change font size on squarespace

This post may contain affiliate links. I may earn a commission at no extra cost to you if you make a purchase through them. Full disclosure here.

Changing the font size on your Squarespace website is a simple process that allows you to customize the appearance of your text to suit your design preferences. Whether you want to adjust the size of headings, paragraphs, or specific sections, Squarespace provides two main methods to achieve this: using the built-in editor and applying custom CSS.

This guide will walk you through both approaches, ensuring you can effectively modify font sizes on your Squarespace site.

Quick Fix

How to Change Font Size on Squarespace:

1. Log into your Squarespace account and navigate to the desired page.
2. Click on the text you want to modify and select the text you want to change.
3. In the text editor, click on the font size options (e.g., Heading 1, Paragraph) to adjust the size.
4. For advanced customization, use custom CSS by going to Settings > Advanced > Custom CSS and adding code to target specific text.
5. Save your changes and test the font size in the Squarespace preview.

Using the Squarespace Editor

1. Log into your Squarespace account and navigate to the page where you want to change the font size.

2. Click on the text you want to modify. This will open the text editor.

3. Select the text you want to change the size of.

4. Click on the font size options (e.g., Heading 1, Paragraph, etc.) to adjust the size. Squarespace offers eight different font size options, including H1, H2, H3, H4, Paragraph 1, 2, 3, and Monospace.

5. Save your changes by clicking the "Done" button.

Using Custom CSS

For more advanced customization or to change the font size across multiple pages, you can use custom CSS.

1. Go to Settings > Advanced > Custom CSS.

2. Add the following CSS code to target the specific text you want to change:

#collection-ID p {
  font-size: 16px;
}
    

Copy to Clipboard

Replace #collection-ID with the actual ID of your page or section, and 16px with your desired font size.

1. Save your changes.

To change the font size for a specific section or page only, without affecting the entire site:

• Use the Custom CSS method above and target the specific page or section ID.

• For example:

#page-ID h2, #page-ID p {
  font-size: 20px; 
}
    

Copy to Clipboard

Best Practices for Changing Font Size

1. Use the editor for quick, one-off changes to font size on a specific page.

2. Utilize custom CSS for more advanced adjustments, such as changing font size across multiple pages or for specific sections.

3. Test your changes in the Squarespace preview to ensure the font size looks as intended before publishing.

4. Keep font sizes consistent throughout your website for a cohesive design.

5. Consider readability when choosing font sizes, especially for body text. Ensure the size is large enough to be easily readable.

By following these methods and best practices, you can effectively change the font size on your Squarespace website, creating a visually appealing and user-friendly design.