Modules icons

[Quesada]

Why i have this “white box” like the icon was not loaded, any help or how to fix it?

Modules: Current Weather & MMM-SystemStats

[ianperrin]

@Quesada I’m not sure about the weather module but MMM-SystemStats does not appear to reference font awesome in the MMM-SystemStats.js file

It should include the getStyles function similar to the following…

getStyles: function() {
        return ['font-awesome.css'];
    },

If you have just updated your mirror to v2.7 - make sure you run npm install from the MagicMirror directory. This should allow the module to correctly display font awesome 4 and 5 icons

If you are using v2.6, there was an issue where some Font Awesome icons were not working depending on which modules were in use. Upgrading to v2.7 should resolve this.

[Jonas2903]

Maybe this can help you:
https://forum.magicmirror.builders/topic/10219/fontawesome-with-mm-2-7-1-not-showing-some-icons

[Quesada]

Another solution i found is “updating” font awesome icons from 4 to 5.
https://forum.magicmirror.builders/topic/8776/update-font-awesome-to-version-5
but the problem is when i start MagicMirror it takes a long time to load and some modules do not load well.

[ianperrin]

@Quesada said in Modules icons:

Another solution i found is “updating” font awesome icons from 4 to 5.
https://forum.magicmirror.builders/topic/8776/update-font-awesome-to-version-5
but the problem is when i start MagicMirror it takes a long time to load and some modules do not load well.

The method in that post was a way of getting FA5 icons in Magic Mirror before version 2.6. So should not be needed in 2.6 or 2.7.

If you do use it, you will load multiple versions of font awesome in the same webpage - which is not recommended and can cause unknown issues.

In 2.7, module developers requiring FA icons should use the getStyles method as per the documentation. MM will take care of ensuring only one link to the fa library is included.

Unfortunately, 2.6 allowed a module to require fa4 or fa5 resulting in multiple versions of FA on your mirror. This should be fixed in 2.7