Typography (Fonts)
2 min read0 viewsUpdated on September 3, 2026
Change heading and body fonts site-wide or per element.
Fonts do more work for a brand's feel than most people expect — the same layout in a heavy, technical sans-serif reads completely differently from one in a soft, rounded font, even with identical content and colors. Each kit gives you access to 900+ ready-to-use fonts through Elementor, so you're not limited to the demo's default pairing.
Open Elementor's editor on any page, then go to the hamburger menu → Site Settings → Global Fonts.
You'll typically see separate slots for headings and body text — change each independently, since a good heading font and a good body/paragraph font usually aren't the same font.
Save your changes; like colors, this updates every page site-wide.
For a one-off exception on a specific element, you can still override the font locally from that widget's own Style tab without affecting the global setting — this is a different panel from Global Fonts above, accessed by clicking the individual element instead of the hamburger menu.
💡 Tip
If you're not sure what to pick, a safe default is one font for headings that has some personality, paired with a plain, highly readable font for body text — trying to use one "interesting" font for both usually hurts readability more than it helps branding.