Custom Fonts (Pro)

Custom Fonts (Pro)

If you need more than the 800+ Google Fonts that come With Elementor, you can easily add Custom Fonts to your website. Watch this short video.


Upload Custom Fonts

  1. Go to the WordPress dashboard, under Elementor > Custom Fonts
  2. Click Add New
  3. Give your font a name and click Add Font Variation

Available Font Formats Include:

  • The Web Open Font Format (WOFF) – WOFF is the most recommended format to use, since it is supported by all modern browsers
  • The Web Open Font Format (WOFF 2.0) – TrueType/OpenType font that provides better compression than WOFF 1.0
  • TrueType Fonts (TTF) – This font was developed in the late 1980s, by Apple and Microsoft
  • SVG Fonts/Shapes – SVG fonts allow SVG to be used as glyphs when displaying text. Make sure to use this format to support old versions of iPhone
  • Embedded OpenType Fonts (EOT) – This font file works on IE, but not on other browsers. Make sure to use this format to support earlier versions of IE

Weights & Styles

  1. Choose a Font Weight. Although all weights will be shown, please only select a weight that your custom font supports. Learn more.
  2. Select a Style
  3. Click Publish
  4. Repeat for every font variation


Viewing your Custom Fonts

You will find the newly added fonts when you edit text with Elementor.

  1. Go to the STYLE TAB
  2. Under Typography > Family you’ll see your new Custom Fonts.

If you’re using Typekit fonts, please see this article.

Troubleshooting

If you experience issues, check this guide


Share it on social networks

Share on facebook
Share on twitter
Share on linkedin
Share on email

Did this answer your question?

255 people find it useful

Yes

No

Get Started With Elementor Today

Join millions of professionals who use Elementor to build WordPress websites faster and better than ever before