[Resolved] FontAwesome not showing all icons

Home Forums Support [Resolved] FontAwesome not showing all icons

Home Forums Support FontAwesome not showing all icons

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
  • #257181

    Hi Tom, Merry Christmas to you and yours. Is GP running with the latest FA? I ask as there are some icons that are not showing up while most others are… Cheers.

    Customer Support

    Hi Pete,

    By any chance you’re using the Font Awesome essentials filter?

    add_filter( 'generate_fontawesome_essentials', 'generate_fontawesome_essentials' );
    function generate_fontawesome_essentials()
        return true;

    If so it will only load the essential icons for GP. Remove that that then the icons should load normally.
    Let us know.


    Hi Leo, i’m not using the filter.

    Ok, this is strange…

    GP doesn’t show me this icon when using Chrome and FF
    <i class="fa fa-user-circle" aria-hidden="true"></i>
    But in Opera and IE it does show the above icon

    BUT this icon doesn’t show in Opera and IE…
    <i class="fa fa-graduation-cap" aria-hidden="true"></i>

    But if I stick this in the header…
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type='text/css'>
    Then both the above icons show in Chrome and FF BUT both the above icons don’t show in Opera or IE


    It appears to be an Opera/IE issue?


    Fixed all the above issues by adding this in the footer (below the fold)

    <?php wp_footer(); ?>
    <link href="https://opensource.keycdn.com/fontawesome/4.7.0/font-awesome.min.css" rel="stylesheet">
    Customer Support

    Glad you found a solution and thanks for sharing. I’ll ask Tom to have a look!

    Lead Developer
    Lead Developer

    GP adds 4.7 by default.

    The fact that you had to re-add it in the footer tells me you probably have a plugin adding Font Awesome as well, and that they’re not using the version parameter in their wp_enqueue_scripts() function properly.

    Might be worth taking a look at your source to see if the file is being added by another source.


    You’re right Tom, it looks like a plugin is adding…
    <link rel='stylesheet' id='fontawesome-css' href='https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css?ver=cef393249aa859f391433a18b021ac10' type='text/css' media='all' />

    Lead Developer
    Lead Developer

    That’s the problem.

    They need to set the version number to the version of FA they’re using. That way if someone else adds Font Awesome with the a higher version number (like GP), WordPress will use the latest version.

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.