Would you like to use Adobe fonts in Elementor ?

Using the pro version Elementor allows you to integrate it with a wide range of services and tools. Adobe Fonts -Adobe font- (formerly TypeKit) is one of them. Adobe Fonts, as you already know, is one of the best resources for fonts, other than Google Fonts. Adobe Fonts integration with Elementor will enrich the font library of your Elementor.

See also: How to install Elementor on WordPress

To use fonts from Adobe Fonts, you must have at least one web project in your Adobe Fonts account. You can then use your web project ID to integrate Adobe Fonts with your Elementor.

How to create a web project in Adobe Fonts

If you don't have a web project yet, you can create one first. To do this, visit the Adobe Fonts website and sign in with your Adobe account. Once logged in, click Browse Fonts in the upper left corner to browse a font family.

Find a font family that you like and click the View button. in family to view the details.

Click on Add to web project on the right side.

In the pop-up window that appears, select a project from the drop-down menu. If you don't have one yet, just create a project by giving a name and clicking the button Create.

Once your new project has been checked out, click on My Adobe Fonts in the upper right corner.

Click on the tab Web projects. Select one of the existing projects that you want to integrate with Elementor and select its Project ID.

To add font families to your project, you can click Browse Fonts in the upper left corner. Select a font family you like and click the Show button. in family to view the details.

Read also: How to manage form submissions in Elementor

Click on Add to web project on the right side and select a web project you want to add the font family to from the drop-down menu.

Adobe Fonts Integration with Elementor

Log in to your WordPress dashboard and navigate to Elementor -> Settings to open the Elementor settings page. Once you are there, click on the tab Integrations. Scroll down to the section Adobe Fonts (TypeKit) and paste the project ID you just copied.

Read also: How to fix video autoplay not working in Elementor

Click on the button Get Project ID. Don't forget to click on the button Save Changes at the bottom to apply the changes.

Please note that the synchronization process may take a few minutes. If you are in a hurry, you can click on the Sync button. projet whenever you're done adding a new font family to your project in Adobe Fonts.

See also: How to add custom fields in Elementor

If all went well, you can now use a font from Adobe Fonts on your Elementor page or template. To test the result, try changing the typography of a widget and changing the font family. Elementor displays the Adobe Fonts fonts just below the Custom Fonts section.

Get Elementor Pro Now!

Conclusion

Here is ! That's it for this article which shows you how to use Adobe fonts in Elementor. If you have any concerns on how to get there flet us know in the Comments.

However, you can also consult our resources, if you need more elements to carry out your projects of creation of Internet sites, by consulting our guide on the WordPress blog creation or the one on Divi: the best WordPress theme of all time.

But meanwhile, share this article on your different social networks.

...