Font Awesome “hijacked” and broken?

Latest version of WP and WF. I noticed that if some theme/plugin uses Font Awesome icons “internally” (for example, plugins displays icons in its own administration settings, see example – https://i.postimg.cc/L5TM4Tkg/icons.png) icons don’t work. I only see broken placeholders instead of icons.

However, icons work well on remaining parts of website outside administration dashboard. So I looked at the source code of each page and noticed these things:

Outside admin panel, links to FontAwesome are:
link rel='stylesheet' id='font-awesome-css' href='domain.com/wp-content/plugins/js_composer/assets/lib/bower/font-awesome/css/font-awesome.min.css

Inside admin panel, links to FontAwesome are:
link rel='stylesheet' id='wordfence-font-awesome-style-css' href='domain.com/wp-content/plugins/wordfence/css/wf-font-awesome.1560795818.css?ver=7.3.4'

If I understand right, WF loads its own FA file inside admin panel? I guess it’s OK, but I believe this file is broken because this is how source of FA CSS file looks outside admin panel:
https://i.postimg.cc/65fdwGks/outside.png

This is how source of FA CSS file (loaded by WF) looks inside admin panel:
https://i.postimg.cc/7ZcbyHZ8/inside.png

You will notice that instead of stuff like “f059” it displays “?” for every single icon, and this is exactly how icons are rendered (see very first screenshot again and you will see the same empty rectangles instead of icons).

Is it normal behavior?

• This topic was modified 5 years, 7 months ago by lipskas.