[Resolved] FontAwesome not showing all icons

[Pete]

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.
Pete.

[Leo]

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.

[Pete]

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

[Pete]

It appears to be an Opera/IE issue?

[Pete]

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">
</body>

[Leo]

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

[Tom]

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.

[Pete]

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' />

[Tom]

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.

[Author]

Posts