Adobe Fonts Integration Into Slider Revolution

Learn how to effortlessly integrate Adobe Fonts into Slider Revolution for a personalized and visually attractive font experience on your website.

Integrate Adobe Fonts

Adobe Fonts is a library of high-quality fonts that can add a touch of elegance and personality to your design projects. Slider Revoluion [?] Slider Revolution is a website content creation tool with a focus on captivating animation and stunning visual effects.

It began its life as a plugin for creating slideshows, but has evolved into a fully fledged piece of design software.
, on the other hand, is a powerful plugin for WordPress that allows you to create stunning sliders and visual presentations. Integrating Adobe Fonts into Slider Revolution can take your sliders to the next level by adding a unique typography that reflects your brand’s style and message. With the help of this manual, you can learn how to seamlessly integrate Adobe Fonts into your Slider Revolution projects and create eye-catching designs that will captivate your audience.

Select an Adobe Font

Go to the Adobe Fonts website:

Adobe Fonts website

Search for a specific font or click the Browse All Fonts button:

Search for Adobe Fonts

Uncheck the Show fonts available with Creative Cloud box if you do not have an Adobe Creative Cloud subscription:

Adobe Fonts without Creative Cloud subscription

Select a font of your choice:

Adobe Fonts of a choice

Click on the Add to Web Project link:

Add the font to Web Project

A popup Add fonts to a Web Project will open:

Web project popup

Click the dropdown button to create a new project or select the existing project if there is any:

Select an existing project or create a new one

Select the +Create a new project option:

Create a new project

Enter a project name:

Select the newly created project

Select all the available variations:

Check the Regular font type

Click the Create button:

Create button

Copy the URL from the link; we will need it in the Add the Fonts in Global Settings section:

Copy the URL of the Adobe Font stylesheet

Copy the font family; we will need it in the Add the Fonts in Global Settings section:

Copy the family name of the Adobe Font

Click the Done button:

Done button

Add the Font in Global Settings

Go to the WordPress dashboard:

WordPress dashboard

Go to the Slider Revolution plugin dashboard:

Slider Revolution plugin dashboard

From the top bar, click the Globals option:

Global settings option tab

Global Settings popup will appear:

Global Settings popup

Click the Edit Custom Fonts button:

Edit Custom Fonts button

Global Custom Font popup will appear:

Global Custom Font popup

Conditional: If the fields Font Family Name & Font CSS URL are already filled, Click the Add Custom Font button to add a new font:

Add Custom Font button to add Adobe Fonts

Paste the copied font family in the Font Family Name field:

Paste the copied Adobe Fonts family name

Paste the copied stylesheet URL in the Font CSS URL field:

Paste the Adobe Fonts stylesheet URL

Toggle both the Front End and in Editor options to ON:

FrontEnd and inEditor toggle buttons

Click the cross mark to close the popup:

Popup close button

Click the Save Global Settings button:

Save Global Settings button

Select the Font in the Slider Module

Go to the module [?] A module in Slider Revolution acts as a container for slides, which in turn act as containers for layers. Modules are created and edited with the module editor.

A "module" is a single, self contained piece of content. You can think of this as being similar to the way a post or page in regular WordPress is a self contained piece of content.

A module can represent any kind of content Slider Revolution is capable of creating, such as a slider, carousel, hero unit, navigation menu, posts display and so on.

Multiple modules can be combined to form rich content such as complete sites and landing pages.
where you want to add the font:

Adobe Fonts Slider Module

Hover over the module and click the pencil icon:

Hover on Slider Module

Select a text layer [?] Layers are containers for visual, audio or layout items and are added to slides. For example, text, button, image, audio, video, group and row are all types of layers.

Layers are added to slides via the module editor.
; learn to add a new text layer if there is no text layer available:

Text layer in the Slider Module

Go to the Style sub-section under the Layer Options tab:

Style sub-section under Layer Options tab

Scroll down to the Font & Icon panel:

Font & Icon panel

Click the Font Family dropdown menu:

open font family dropdown menu

Search for the copied font family name:

Search option to find the font family

Select the font family:

Select the adobe font family

Click the Save button at the bottom of the module:

Save button

The Adobe fonts will now load in the Editor:

Adobe Fonts loading in the Slider Module

As well as on the Front End:

Adobe fonts loading on frontend

Stuck at Some Point? Contact Us

If you have any further questions or need additional assistance, you can contact us via support ticket or email ([email protected]); we’re here to help.

Adobe Fonts Integration Into Slider Revolution

The Author

Kashif Ahmed

Living by the motto "Be the reason someone smiles today."

If you have any questions or concerns, feel free to reach out to me directly at [email protected].

Liked this Post?
Please Share it!

Leave a Reply

Your email address will not be published. Required fields are marked *