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.

    Update Font Awesome to version 5?

    Scheduled Pinned Locked Moved Unsolved Feature Requests
    9 Posts 7 Posters 4.0k Views 7 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.
    • balassyB Offline
      balassy
      last edited by

      Are there any plans to update Font Awesome to version 5?
      I see that vendor/package.json now references font-awesome: ^4.7.0, though it seems that @fortawesome/fontawesome-free@5.3.1 is the latest version.

      I see a PR (https://github.com/MichMich/MagicMirror/issues/1344) from July 2018 that was closed due to inactivity. I understand that it is not an in-place upgrade for backward compatibility.

      Thanks.

      1 Reply Last reply Reply Quote 0
      • O Offline
        oe2atn
        last edited by

        I imported FA via the custom.css file. Maybe this will work for you?

        @import url("https://use.fontawesome.com/releases/v5.3.1/css/all.css");
        
        M B 2 Replies Last reply Reply Quote 0
        • M Offline
          Morkie @oe2atn
          last edited by Morkie

          @oe2atn
          Thank you, for me it’s work fine.
          I only changed v5.3.1 to v5.5.0, i’ts the current version.

          1 Reply Last reply Reply Quote 0
          • B Offline
            bibi @oe2atn
            last edited by

            @oe2atn @Morkie would you mind to share the part of your custom css file where you added the @import … ? don’t know exactly where to add it…
            Also should i call the font via the config.js or via custom.css?
            Thx for any replies :)

            1 Reply Last reply Reply Quote 0
            • C Offline
              cyberphox
              last edited by

              following this thread

              Full time Dad, DJ and entertainer and lover of technology.

              1 Reply Last reply Reply Quote 1
              • Z Offline
                Zwirbel
                last edited by

                I have added the FA rule above as follows in my custom.css file:

                body {
                 	@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");
                 }
                

                Unfortunatly, this does not work, the Fontawesome 5 icons are still not displayed. Can someone help me?

                yawnsY 1 Reply Last reply Reply Quote 0
                • yawnsY Offline
                  yawns Moderator @Zwirbel
                  last edited by

                  @zwirbel move it above the body { line

                  1 Reply Last reply Reply Quote 1
                  • Z Offline
                    Zwirbel
                    last edited by

                    @cyberphox Perfect, that did it, thank you for your help (and I should know this…)

                    1 Reply Last reply Reply Quote 0
                    • C Offline
                      cyberphox
                      last edited by

                      i think @yawns deserves the credit…LOL

                      Full time Dad, DJ and entertainer and lover of technology.

                      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