Font-awesome: Brand icons not displayed (no adblock)

Created on 13 Feb 2018  路  4Comments  路  Source: FortAwesome/Font-Awesome

Hello,
First of all, I hope this is not a duplicate:
Brand icons like Facebook or Trip Advisor are not showing.
I have seen AdBlock can cause problem, but I dot not have this installed on my browser.

Instead of the brand icon, I have got a circle with an exclamation/question mark animation...
No problem for others icon, so I assume the script is correctly loading.

fa

Most helpful comment

Thanks.

Please note that you are loading both 4.6.1 and 5.0.6

<!-- ... -->
<link rel="stylesheet" id="font-awesome-css" href="//maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css?ver=4.9.4" type="text/css" media="all">
<!-- ... -->
<script defer="" src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script>

Please use only one version. I would remove the old 4.6.1

Also

<i class="fas fa-facebook-square"></i>

Should be fab: s stands for solid, b for brands

Refs:

Hope it helps, closing here

All 4 comments

Hi!

Thanks for being part of the Font Awesome Community.

Could you please provide all the required information and a reduced test case?

Please make sure that your request follows our bug report request template

Describe the problem

Using Font Awesome on a WordPress theme. Some icons are displayed, others not.

What did you expect?

All icons must be displayed

What version and implementation are you using?

Version: 4.6.1
Browser and version: Chrome 64.0

  • [ ] SVG with JS
  • [x] Web Fonts with CSS
  • [ ] SVG Sprites
  • [ ] On the Desktop

Reproducible test case

See the footer: _deleted url_
One of icon is not showing

Bug report checklist

  • [x] I have filled out as much of the above information as I can
  • [x] I have included a test case because my odds go _way_ up that the team can fix this when I do
  • [x] I have searched for existing issues and to the best of my knowledge this is not a duplicate

Thanks.

Please note that you are loading both 4.6.1 and 5.0.6

<!-- ... -->
<link rel="stylesheet" id="font-awesome-css" href="//maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css?ver=4.9.4" type="text/css" media="all">
<!-- ... -->
<script defer="" src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script>

Please use only one version. I would remove the old 4.6.1

Also

<i class="fas fa-facebook-square"></i>

Should be fab: s stands for solid, b for brands

Refs:

Hope it helps, closing here

Thanks this helped me also I required to Use fab to access the brand icons

Was this page helpful?
0 / 5 - 0 ratings

Related issues

daneren2005 picture daneren2005  路  3Comments

yarcowang picture yarcowang  路  3Comments

ghost picture ghost  路  3Comments

huuphat picture huuphat  路  3Comments

brystfire08 picture brystfire08  路  3Comments