Ask the community

This is a community support forum where you can ask
questions and interact with other PremiumPress Customers.

Fontawesome

  • Pierre-Gilles
    Pierre-Gilles
    Newbie 8 points
    June 2, 2019 at 4:25 pm

    Hello.
    DirectoryPress 9 uses an old version of the Awesome fonts (2017).
    How to replace theses default fonts with the new fonts?

  • JamesD
    JamesD
    Super Guru 1,345 points
    June 5, 2019 at 2:15 am

    Hi Pierre-Gilles,

    Unfortunately, there isn’t an easy way to do this since the references are hard coded within several files. I could offer code to add it, but the original references will still exist unless they’re removed from the core files.

  • Pierre-Gilles
    Pierre-Gilles
    Newbie 8 points
    June 9, 2019 at 11:17 am

    Hi, JamesD.

    I tried, but it seems very complicated on Directory Press and I did not succeed. This is easily and quickly done on a site written in PHP, and even on a WordPress site, especially if it uses Divi. So there is something that is blocking Directory Press! How to proceed ?

  • JamesD
    JamesD
    Super Guru 1,345 points
    June 10, 2019 at 2:00 am

    Hi Pierre-Gilles,
    Yes, you are correct, it is complicated.

    Elementor is probably the challenge with this and a bit more involved than I was anticipating. I can dig and take a look when I have more time and see what type of options there are to accomplish this.

  • JamesD
    JamesD
    Super Guru 1,345 points
    June 10, 2019 at 4:24 am

    @Pierre-Gilles
    Good news… you have a couple options!
    Option #1 Use Elementor Pro Custom Fonts
    If you have a Pro license then there is an option to add Custom Fonts.

    Option #2 Use A Font Awesome Kit
    FA recently released Kits to make things easier to setup and maintain. Just one script is needed to handle all required files. It’s actually pretty nice. Free users/license can create 1 hosted kit and Standard license are allowed 30.

    You can create a kit on Font Awesome Website .

    add_action( 'elementor/frontend/after_register_scripts', function(){
        wp_dequeue_style('font-awesome');
        if (! wp_script_is('v5-fontawesome', 'registered')) {
            wp_register_script('v5-fontawesome',
                'REPLACE_WITH_FA_KIT_URL',
                array (),
                false);
            wp_enqueue_script('v5-fontawesome');
        }
    });

    Option #3 Place this code in your _functions.php file:

    add_action( 'elementor/frontend/after_register_scripts', function(){
        wp_dequeue_style('font-awesome');
        if (! wp_style_is( 'fa-all-css', 'registered' ) ) {
            wp_register_style('fa-all-css', 'https://use.fontawesome.com/releases/v5.9.0/css/all.css');
            wp_enqueue_script('fa-all-css');
        }
        if (! wp_style_is( 'v4shims-css', 'registered' ) ) {
            wp_register_style('v4shims-css', 'https://use.fontawesome.com/releases/v5.9.0/css/v4-shims.css');
            wp_enqueue_script('v4shims-css');
        }
        if (! wp_script_is('fawesome-solid', 'registered')) {
            wp_register_script('fawesome-solid', 'https://use.fontawesome.com/releases/v5.9.0/js/solid.js', null, '5.9.0');
            wp_enqueue_script('fawesome-solid');
        }
        if (! wp_script_is('fawesome-brands', 'registered')) {
            wp_register_script('fawesome-brands', 'https://use.fontawesome.com/releases/v5.9.0/js/brands.js', null, '5.9.0');
            wp_enqueue_script('fawesome-brands');
        }
        if (! wp_script_is('fawesome-min', 'registered')) {
            wp_register_script('fawesome-min', 'https://use.fontawesome.com/releases/v5.9.0/js/fontawesome.js', null, '5.9.0');
            wp_enqueue_script('fawesome-min');
        }
    });

    Note: FA v4 icons are known to cause conflicts with v5 when running together, however the solution also includes a Shim script offered by FA that helps them play together a little more nice. Due to the nature of this you should test, double-check and review the icons to make sure they’re not broken/missing. I believe Elementor is working on updating to v5 sometime in a near-future release.

  • JamesD
    JamesD
    Super Guru 1,345 points
    June 10, 2019 at 4:52 am

    A couple things I should add…

    • The version in the examples above are for v5.9.0.
    • Also, as of v5, the free icons are the Solid and Brands.
  • JamesD
    JamesD
    Super Guru 1,345 points
    June 14, 2019 at 9:26 am

    @Pierre-Gilles,
    Were you able to get the v5 icons working?

    Also, just a heads up, your email box is full.

  • Pierre-Gilles
    Pierre-Gilles
    Newbie 8 points
    June 14, 2019 at 11:40 am

    @JamesD,
    I have not yet installed the new version of the Awesome fonts.
    Yes ! My mailbox was full. It’s rectified. I sent you a message.

Viewing 8 posts - 1 through 8 (of 8 total)