All Collections
Design your site
Change font family via Theme Editor
Change font family via Theme Editor
Ashmita Taneja avatar
Written by Ashmita Taneja
Updated over a week ago

By default common fonts/font families are added to themes such as Helvetica, Arial, and Times New Roman. Font family loads the second font in the group if the first font would not load.

There are different site elements where the font can be modified from the theme editor, such as heading styles in style presets, tile captions, filter categories for grid sections, main navigation, submenu links, etc.

You can import your preferred or custom fonts or font families via Font Import or Custom CSS features in the Theme Editor.

To change font or font family for select site elements via the theme editor:

  1. Click Styling from the Site Editor left panel menu

  2. Click the selected theme under the Theme section

  3. Hover over the current theme for the site (you'll see a blue check icon next to it)

  4. Click the pencil icon to edit the theme

  5. Type the keywords font family in the variable search box at the left panel of the theme editor

  6. Select the variables you wish to change in the font, or font family

  7. Click the Font Family field and select the preferred font or font family from the drop-down

  8. Click the Publish button

Changes to the theme will affect all sites using the same theme. First you might want to duplicate the theme before editing it, apply the changes to the duplicate, and select the duplicate theme for the target site to prevent other sites from any changes in the font.

Did this answer your question?