Baldráni Baldráni - 8 months ago 40
CSS Question

Part of font-awesome icon not displaying

Strangely only a part of my font-awesome icon are displaying... do you have already encountered this problem?

I've checked everything from this other question but nothing worked.

So just to clarify: there should be a newspaper next to newsletter and a clock next to "Historique".

enter image description here

They are exactly the same elements :

<button value="newsl"><i class="fa fa-newspaper-o"></i> <em>Recevez la newsletter</em></button>
<button value="favoris"><i class="fa fa-heart"></i> <em>Mes favoris</em></button>
<button value="historique"><i class="fa fa-history"></i> <em>Historique</em></button>


And answer to no specific CSS style.

Where could the problem come from?

Here is a link where you can see the problem

From here I assumed it could come from an older version load with the theme template I'm using So I've found older versions and deleted them then load font-awesome from the last CDN possible. No progression anyway.

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">

Answer Source

I think your font-awesome css is not latest, when I imported latest font-awesome css file in to your screen.css it will working fine.

 @import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);
<button value="newsl"><i class="fa fa-newspaper-o"></i> <em>Recevez la newsletter</em></button>
<button value="favoris"><i class="fa fa-heart"></i> <em>Mes favoris</em></button>
<button value="historique"><i class="fa fa-history"></i> <em>Historique</em></button>