Knowledge Base

Get Expert Website Hosting

Choose website reliability and expertise with SiteGround!

Home / Ecommerce / How to change fonts

How to change fonts

Summarize this article with:
Last update: Mar 11, 2026 • 1 min read

IMPORTANT! We currently have two builder versions: one for sites created before March 4, 2026, and another for sites created after this date. Sites still using the older builder will be automatically migrated to the newer version soon. If your site hasn’t been migrated yet, please refer to the Classic Builder section below.

To change the fonts used on your Website Builder or Ecommerce site, follow these steps:

  1. Click Edit Website in your Site Admin.
    Edit Website button for accessing the Website Builder editor
  2. Open Styles in the left menu toolbar.
  3. Click on Typography.
    Typography settings in the Styles tab of Website Builder
  4. Click on the font card under Selected Font Pair to quickly switch to different presets of font combinations for the headings and the paragraph text.
    Font Pairs templates in Website Builder
  5. If you wish to customize the font for each heading and the paragraph text, move down to the Customize Typography section.
  6. Click on an item in the list to change the font, size, weight, and line height.
    Typography customization options for fonts in Website Builder

IMPORTANT! Changing the font combination will apply to your entire site.

How to Change Fonts (Classic builder)

To change the fonts used on your website, navigate to the Style tab and click on Fonts.

From there you can choose from specially crafted combinations of fonts or create your custom combination.

To create a custom combination, select Custom from the left column and then choose a font for your titles (Heading font) and body text (Paragraph font).

Note: Changing the fonts combination will be applied across your whole site.

Share this article

Related Articles