1. BLACK FRIDAY SALES Get Divi.Help Pro Membership @ $99 / lifetime & instantly gain access to all our Divi.Help Pro Membership perks.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed.Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color.
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Font Awesome Removal

Discussion in 'Free Divi Community Forum' started by ArthurSEO, May 15, 2024.

  1. ArthurSEO

    ArthurSEO New Member

    Hello;

    I want to remove Font Awesome from Divi but I don't have the option under integration. It's not showing.

    I can't find any "@import url" in style.css.

    It's causing my website to fail Core Web Vitals.

    Anyone found a solution ?

    Thanks :)
     
    1. PRO MEMBER PERKS Divi.Help Header AI Generator - Try the power of AI to generate a custom Divi header for you:Try Now
  2. Divi Booster

    Divi Booster Divi Expert

    Hey Arthur,

    Divi doesn't load Font Awesome with an @import statement in style.css. Instead, it uses @font-face, often inline in the main HTML page within the critical CSS style block in the <head>. Something like this, but minified:

    @font-face {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(SOME_URL_HERE);
    ...
    }

    Font Awesome is typically only loaded if one of the modules on the page is using a FontAwesome icon. Check the affected page(s) for any FontAwesome icons. Removing or changing these icons to a non-FontAwesome Divi icon should stop FontAwesome from loading.

    If that doesn't help, are you able to share a URL so we can try and figure out what is causing FontAwesome to load?