FontAwesome with MM 2.7.1 not showing some icons

Jonas2903

Hi,
unfortunately I still have some issues with FontAwesome and its backwords compatibility. Some icons are still not showing like a arraw facing down or a geolocation point. In the new MagicMirror Version there should be a fix for it ( https://github.com/MichMich/MagicMirror/pull/1525 ) but this doesn’t seem to work properly. I am running it on a Raspberry Pi and the Modules MMM-PublicTransportHafas and MMM-Fuel show this issue.
Does anyone have an idea?
Thanks in advance

sdetweil

I saw another post on the same issue, and they posted that the module CODE has to change too

https://forum.magicmirror.builders/topic/10205/modules-icons

Jonas2903

Thank you but I already checked this and the modules have this function included. They return an array with fontAwesome and their own css file. I tried to comment out their own css files but this did not help with the missing icons.

Jonas2903

I found the solution. It is backwards compatible but some icons are now Pro. There are now alternatives but they use a different class. Example:
CSS-Class before: fa fa-long-arrow-down
CSS-Class now: fas fa-long-arrow-alt-down

ianperrin

@Jonas2903 when a module includes font-awesome.css using getStyles in version 2.7, the FA5 css is included as well as the FA4 shims css.

This provides backwards compatibility and means that icons can be referenced by either their old or new alias, in other words both <i class="fa fa-long-arrow-down"> and <i class="fa fa-long-arrow-alt-down"> will display the same icon.

For more info see the font awesome documentation.

So we need to find out what’s affecting your mirror. Could you remove all modules (including the default modules like alert, calendar etc) from your config except MMM-Fuel and see if the icon appears?

ianperrin

@sdetweil said in FontAwesome with MM 2.7.1 not showing some icons:

I saw another post on the same issue, and they posted that the module CODE has to change too

https://forum.magicmirror.builders/topic/10205/modules-icons

@sdetweil - the module code should not generally need changing. However, in the case of MMM-SystemStats, font awesome was not being referenced, so a module change was recommended. Otherwise, if that module was the only module included in the config, no icons would display at all.

Jonas2903

@ianperrin sorry for the delay!

I tested your approach:
I removed all other modules and reinstalled MMM-Fuel and the icons are showing correctly. It seems like it is a conflict with a different module.
I will add more and more modules and I will tell which one will cause the issue.

Jonas2903

I have absolutely no clue whats going on because now I reinstalled almost all modules and now it works fine. I am unable to reproduce the error even with the config I used before.