Skip to content
Ultra Addons
Ultra Addons

Ultra Addons

Best Elementor addons WordPress Plugin

  • Home
  • Features
    • Extension
    • Widgets
    • Changelog
  • Templates
  • Pricing
  • Products
    • Product Table for WooCommerce
    • Min Max Quantity & Step Control
    • Quantity Plus Minus Button
    • Post Classified for making Documentation
    • Add to Cart Text Changer
    • Astha WordPress Theme
  • Doc
  • Blog
Get UltraAddons
how to add custom fonts to Elementor

How to Add Custom Fonts to Elementor Using Ultra Addons

You will barely need to use a custom font since Elementor lets you use more than 800 Google fonts. With all these fonts, anyone will have enough options to find a convenient font style. Still, it is not enough when you want to create something that is absolutely on the next stage.

Without unique typography and appealing look, a website can’t stand out from the crowd. And it will be hard to grab customers and keep them engaged in your website without a unique look. Also, this is important if you want to give a unique vibe to your brand.

Luckily, adding custom fonts to Elementor becomes easier with Ultra Addons. It also increases the total number of fonts that can be used with Elementor. In this article, we will break down how to add custom fonts to Elementor using Ultra Addons.

Table of Contents

  • How to Add Custom Fonts to Elementor using Ultra Addons for Free
  • How to Add Custom Fonts to Elementor [Pro]
    • Elementor Supported Font Formats
  • Summing Up
  • Ultra Addons
      • The Most Popular Elementor Addons

How to Add Custom Fonts to Elementor using Ultra Addons for Free

That’s right, Ultra Addons give you the option to add custom fonts to Elementor (without having the Pro version). It is more convenient than the regular process. Let’s demonstrate the process briefly.

  • Under the WordPress dashboard, go to –

Ultra Addons >> Custom Fonts

Custom fonts in Ultra Addons
  • You can give a name to your custom font, configure the font display option, set the weight of the font under the Add New Font section.
Create new font with Ultra Addons
  • You can directly upload the font files or insert the URL where the font can be found.
Upload fonts in Ultra Addons
  • If you are done with the configuration, click on the Add New Font button. Else, click on (+ Add new variant) if you like to insert another font variant. Once everything is set, click on “Add New Font”.
Save fonts in Ultra Addons
  • That’s it! This is how you can add custom fonts to Elementor using Ultra Addons. Similarly, use (Step 3) to check whether the font is working correctly or not.
  • To see if the custom fonts are appearing or not, you can apply a widget that contains some text. From the Style tab, go to “Typography”. From there, select the new custom font from the “Family” drop-down menu.
Check new custom fonts with Ultra Addons

How to Add Custom Fonts to Elementor [Pro]

With a few simple steps, you can add custom fonts to the Elementor Pro version. Aside from adding a font, you can also customize various font formats. Therefore, you should know the font formats supported by Elementor.

Be Noted –

Adding custom fonts to the free version of Elementor is not possible. You need to have Elementor Pro to use this feature.

Elementor Supported Font Formats

  • The Web Open Font Format (WOFF) – The most recommended font format that is compatible with all modern browsers. Also known as WOFF 1.0.
  • TrueType Fonts (TTF) – A font format developed by Microsoft and Apple in the late 1980s.
  • The Web Open Font Format (WOFF 2.0) – A TrueType or OpenType font format with better compression than WOFF.
  • SVG Fonts/Shapes – Such fonts use SVGs (Scalable Vector Graphics) as glyphs to display text. This font format is used in the older versions of iPhones.
  • Embedded OpenType Fonts (EOT) – A font format that is only supported by Internet Explorer and its older variants.

Okay! Now we will start the process to add custom fonts to Elementor [Pro]. There is already an article describing how you can add custom fonts to Elementor [Pro]. We urge you to read that article.

Hence, this video might provide a hands-on visual explanation of how to add custom fonts to Elementor Pro.

Summing Up

We hope this article was able to teach you how to add custom fonts to Elementor using Ultra Addons. Now you don’t have to try so hard to add or use a custom font in your website. With the blessings of Elementor, everything about website customization becomes easier. And Ultra Addons makes it more convenient, adding more features and widgets to Elementor. Thanks for tuning in, let us know if you have any questions regarding the whole process.

Special Discount for ultra addons

Ultra Addons

The Most Popular Elementor Addons

Get Up To 53% Discount
Elementor Ultra Addons wordpress

Share

Post navigation

Next: How to create an image gallery with Elementor

Get Started Now

Download UltraAddons Elementor Lite for completely
free and start making beautiful websites today.

Free Download
Get Premium
Subscribe to our Newsletter
Resource
  • Ready Templates
  • Documentation
  • Changelog
  • Video Tutorial
  • Blog & News
  • Write For Us
Company
  • Our Service
  • Get Quote
  • Refund Policy
  • Support Policy
  • Privacy Policy
  • Terms of Service
Our Products
  • Product Table for WooCommerce
  • Min Max Quantity & Step Control
  • UltraAddons Elementor Lite
  • Quantity Plus Minus Button
  • Post Classified for making Documentation
  • Add to Cart Text Changer
  • Astha WordPress Theme
Facebook-f Twitter Linkedin Instagram Youtube
© 2022, UltraAddons from CodeAstrology. All Rights Reserved
We use cookies on our website to give you the most relevant experience by remembering your preferences and repeat visits. By clicking “Accept All”, you consent to the use of ALL the cookies. However, you may visit "Cookie Settings" to provide a controlled consent.
Cookie SettingsAccept All
Manage consent

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary
Always Enabled
Necessary cookies are absolutely essential for the website to function properly. These cookies ensure basic functionalities and security features of the website, anonymously.
CookieDurationDescription
cookielawinfo-checkbox-analytics11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics".
cookielawinfo-checkbox-functional11 monthsThe cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional".
cookielawinfo-checkbox-necessary11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary".
cookielawinfo-checkbox-others11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other.
cookielawinfo-checkbox-performance11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance".
viewed_cookie_policy11 monthsThe cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data.
Functional
Functional cookies help to perform certain functionalities like sharing the content of the website on social media platforms, collect feedbacks, and other third-party features.
Performance
Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.
Analytics
Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics the number of visitors, bounce rate, traffic source, etc.
Advertisement
Advertisement cookies are used to provide visitors with relevant ads and marketing campaigns. These cookies track visitors across websites and collect information to provide customized ads.
Others
Other uncategorized cookies are those that are being analyzed and have not been classified into a category as yet.
SAVE & ACCEPT