Global Fonts

Set and edit 4 predefined global typography styles (Primary, Secondary, Text, and Accent) or add new global text styles from Elementor’s  Site Settings. From any Elementor page or post editor, click the hamburger menu in the upper left corner of the Widget Panel, then navigate to Site Settings > Design System > Global Fonts.

  1. Edit Global Font Style: Click the pencil icon to select typography options for any existing text style. The Style Names can also be changed. Click the name to change it. For example, you could change Primary to Main, Accent to Highlight, etc.
  2. Add Global Font Style: Click Add Style button to add a new custom text style
  3. Delete Global Font Style: Hover over the pencil icon for the text style and click the trash can icon that appears

Note: By deleting a global font style, all of its instances will inherit their values from an unknown source, possibly your theme, or your browser, etc.

Note: Global styles are not part of the content template itself. This is the logic behind the design system. When you import the template to another site you get the globals from the new site, enabling your elements to immediately and perfectly mesh with the site it is on.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.