fonts stopped working in font-awesome 4.7 version

Question

I am using font-awesome version 4.7. Everything was fine few days back but suddenly few fonts stopped working. Here is the list:

1.fa-television 2.fa-handshake-o 3.fa-product-hunt Can anyone please help me to understand why and how can I fix that? By putting version 5 does not help very much looks like need to make many changes.

.fa-lg {
  font-size: 17px !important;
}

.icon-background2 {
  color: #496360 !important;
}

<li onclick="roomName()" style="top:7px" class="usercss1">
  <a href="#" style="color:#fff;padding: 5px;">
    <span class="fa-stack fa-lg">
      <i class="fa fa-circle fa-stack-2x icon-background2"></i>
      <i class="fa fa-television fa-stack-1x" data-toggle="tooltip" data-placement="bottom" title="collaboration" style="font-size:13px !important;font-weight: 600;" aria-hidden="true"></i>
    </span>
  </a>
</li>

Please find the above code that I am using but it is not displaying television icon as it works for other icons.Please look at the below screenshot

.

Works for me... https://jsfiddle.net/e9msLL0t/ Are you sure the font is loading correctly? — Mr Lister, Jan 14 '18 at 19:48
@MrLister sorry but does not work for me.I have attached the screenshot.Thanks — vimal mishra, Jan 16 '18 at 07:49
@Mr Lister Please visit https://dusterboard.com/ you will have to signup for this.Click on the login from top and signup. — vimal mishra, Jan 16 '18 at 08:12
You are using fontawesome 4.3.0 on that page. The TV icon was added in version 4.4. — Mr Lister, Jan 16 '18 at 08:24
I think you have checked only main page.It is like bad from the side I am using 4.3 in the main page and 4.7 in other pages and television icon is used in other pages.If there is any way I can share my cred to just login I can do that. — vimal mishra, Jan 16 '18 at 08:31

Dylan Davenport · Answer 1 · 2018-01-16T21:29:06.857

0

Here is a link to Font Awesome's Github page. There are various reasons why this could be happening and this link gives you a good starting point to trouble shoot the problem. It could be caused by any css resets, or any css that overrides icon tags. It could possibly be the inline css you are using. Or it could be an extension or plugin within your browser or an ad blocker. Have you checked your console as the page loads and verified that the font files are being loaded properly? Hope this helps a little.

edited Jan 16 '18 at 21:29

answered Jan 14 '18 at 21:10

Dylan Davenport

39
10

Ok I added more detail as to what the link suggests could be the issue. Thanks for the heads up. – Dylan Davenport Jan 15 '18 at 11:58

fonts stopped working in font-awesome 4.7 version

1 Answers1