Should You Enable Inline Font Icons in Elementor with JupiterX?

Elementor's experimental feature of Inline Font Icons helps improve website performance by enabling SVG (Scalable Vector Graphics) for icons. Before considering this feature for your JupiterX theme website, it’s important to understand how it works and the potential impact on other elements. Below, we’ll guide you through the pros and how to activate this feature, as well as what to consider before making changes.

How to Activate Inline Font Icons

To activate Inline Font Icons in Elementor, follow these steps:

1. Go to your WordPress Dashboard.
2. Hover over 'Elementor' and click on 'Settings'.
3. Navigate to the 'Features' tab.
4. Look for 'Inline Font Icons'.
5. Set it as active from dropdown.
6. Save your changes.

Advantages of Using Inline Font Icons

Using Inline Font Icons has several benefits:

• Improved Performance: SVG icons are loaded directly into the page's HTML, eliminating additional server requests.
• Better Accessibility: SVGs are inherently more accessible, as they support text labels and other features helpful for screen readers.
• Enhanced Features: Unlike Icon Fonts, SVGs allow for advanced features such as color-changing, transforms, and animation.
• Sharper Images: SVG icons are scalable without losing clarity, as there's no anti-aliasing like with font icons.

Considerations Before Enabling

While the benefits are clear, here are some factors to consider:

• Compatibility: Ensure all Elementor add-ons are compatible with Inline font icons. JupiterX is fully compatible with inline font icons feature.
• Testing: Before fully implementing this feature, test your website to ensure icons display correctly.
• Font Awesome Pro: If you use Font Awesome Pro, you won't see changes in your pro icons unless you adjust their settings on the Font Awesome website to SVG.

Remember, we are here to help. If you have any questions regarding the Inline Font Icons feature or need assistance, please reach out to our support team.