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

                      Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                      Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                      With your input, this post could be even better 💗

                      Register Login
                      • 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