How Do I Add a Custom Font to My Elementor Site?
How Custom Fonts Get Added
With Elementor Pro, the Custom Fonts feature accepts standard web font file formats (WOFF, WOFF2, TTF, and others), and once uploaded and named, the custom font appears as a selectable option in every typography control across the site, exactly alongside the built-in Google Fonts library. This avoids needing to manually enqueue font files through theme code.
Options at Each Tier
- Elementor Pro's native Custom Fonts feature is the most direct route, requiring only the font files themselves and no additional plugin.
- Google Fonts (available in both free and Pro) cover a huge range of options without needing to source and upload font files at all.
- A dedicated custom-fonts plugin is the practical route for free Elementor users needing a font not available through Google Fonts.
- Font licensing matters regardless of method — confirm a purchased or downloaded font's license actually permits web embedding before uploading it anywhere.
Adding a Custom Font
- Confirm your font's license permits web use before uploading it anywhere.
- Upload the font files through Elementor Pro's Custom Fonts feature, or install a dedicated custom-fonts plugin on free Elementor.
- Select the new font from any typography control across the editor once it's registered.
Need custom typography set up properly across your site? See Elementor customization.