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

      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

      1 Reply Last reply Reply Quote 0
      • S Offline
        sdetweil
        last edited by 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

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        I 1 Reply Last reply Reply Quote 0
        • 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