How to Add Custom Fonts Using Elementor

How to Add Custom Fonts Using Elementor

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

Go to the WordPress dashboard, under Elementor > Custom FontsClick Add NewGive your font a name and click Add Font Variation

Note: Uploaded fonts are stored in the wp-content/uploads/ folder on your server.

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 browsersThe Web Open Font Format (WOFF 2.0) – TrueType/OpenType font that provides better compression than WOFF 1.0TrueType Fonts (TTF) – This font was developed in the late 1980s, by Apple and MicrosoftSVG 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 iPhoneEmbedded 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

Choose a Font Weight. Although all weights will be shown, please only select a weight that your custom font supports. Learn more.Select a StyleClick PublishRepeat for every font variation

Viewing your Custom Fonts

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

Go to the STYLE TABUnder 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.

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注