Adjusting typography and font sizes in the Website Builder

The Website Builder gives you two levels of typography control: global settings that apply across your entire site, and block-level settings that apply to individual elements on a page. This article covers both.

Global typography settings control the default font family, size, and weight for headings, body text, and buttons across your entire site. Changes here apply across all pages at once.

1. From the left panel dashboard, go to Website > Builder. 
2. Click the Settings icon in the left toolbar.
3. Click Themes, and then select Edit Theme.

4. A module will appear with the following theme settings. Update them as desired, then click Save.
   
   

   

   Global theme settings: 

• Name: The name of your theme, you can rename it with new changes.
• Heading font: Used for titles and section headers.
• Body font: Used for paragraphs and general content.
• Button font: Used for call-to-action buttons.
• Core color: The background color of your site.
• Accent color: Highlights key elements like buttons and callouts.
• Primary color: Main text color used for headings and paragraph text.
• Secondary color: Used for text elements like links or borders.
• Tertiary color: Used for borders and dividers.
• Border radius: Controls the roundness of corners on buttons, cards, and other elements. Use the slider to adjust.

To change the font size or style of a single element without affecting the rest of your site:

1. Open the Website Builder and navigate to the page you want to edit.
2. Click the element on the canvas to select it.
3. In the Design panel on the right, select the Style or Layout tab.
4. Adjust the font family, size, weight, or color as needed. Changes apply to this element only.

The fonts available in the Website Builder — including Google Fonts and any custom fonts you've uploaded — are separate from the fonts available in the Post Builder for email newsletters. Email clients have limited font support, so the Post Builder uses a curated set of email-safe fonts to ensure consistent rendering across inboxes.

If you're trying to match your website's look in your newsletter, choose the closest available option in the Post Builder's Style panel under Basic > Typography.

To upload custom fonts for use on your website, see How to use custom fonts with your website.