MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.

    FontAwesome with MM 2.7.1 not showing some icons

    Scheduled Pinned Locked Moved Unsolved Troubleshooting
    8 Posts 3 Posters 2.9k Views 3 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • J Offline
      Jonas2903
      last edited by

      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.

      1 Reply Last reply Reply Quote 0
      • J Offline
        Jonas2903
        last edited by

        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

        I 1 Reply Last reply Reply Quote 0
        • I Offline
          ianperrin @Jonas2903
          last edited by

          @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?

          "Live as if you were to die tomorrow. Learn as if you were to live forever." - Mahatma Gandhi

          J 1 Reply Last reply Reply Quote 0
          • I Offline
            ianperrin @sdetweil
            last edited by

            @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.

            "Live as if you were to die tomorrow. Learn as if you were to live forever." - Mahatma Gandhi

            1 Reply Last reply Reply Quote 0
            • J Offline
              Jonas2903 @ianperrin
              last edited by

              @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.

              1 Reply Last reply Reply Quote 0
              • J Offline
                Jonas2903
                last edited by

                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.

                1 Reply Last reply Reply Quote 0
                • 1 / 1
                • First post
                  Last post
                Enjoying MagicMirror? Please consider a donation!
                MagicMirror created by Michael Teeuw.
                Forum managed by Sam, technical setup by Karsten.
                This forum is using NodeBB as its core | Contributors
                Contact | Privacy Policy