Video instructions

Your website's fonts can be changed easily using the Basic Typography Editor panel. This allows you to set your default Heading Font, Body Font and the Base Font Size.

Basic: Overview of Key Text Styles

Tap the 'Typography' panel in the Design editor to activate.

The default setting is the BASIC panel.

Key Heading Font and Body Font Previews

Changes made to the Key Text Styles will be visible in the Preview panel.

  1. Heading Font: used for header Text Elements and all other headings
  2. Body Font: text used throughout your site
  3. Base Font Size: visible slider for setting the initial size.

View different pages and content of your site.

Desktop, Mobile (above) and Fullscreen Preview options are available.

Changing Key Text Fonts

  1. Tap the Font Preview or
  2. Tap the Font Name (or 'Modified' button) to activate the font selector dropdown
  3. Browse our extensive Font Library.

Select or Search in the Font Library

  1. Narrow down search for fonts by name or
  2. Narrow down available selection by font style or
  3. Scroll through available fonts.

The font selected will be updated in the Preview pane.

Setting the Base Font Size

Use the slider to set the base font size (smaller/larger) for all font styles.

Advanced Typography editing

Now that you have selected your Key Font Styles and the Base Font Size you can customize all font style and sizes further.

Please view our Advanced Typography Editor guide.

Still have questions? Reach us on our live chat or email us at We’re here to help!

Did this answer your question?