Archived topic
FontAwesome not showing all icons
8 replies · Started by Pete on December 22, 2016
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.
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">
</body>
Glad you found a solution and thanks for sharing. I'll ask Tom to have a look!
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' />
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.