MagicMirror Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • Donate
    • Discord

    UNSOLVED Update Font Awesome to version 5?

    Feature Requests
    7
    9
    2515
    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.
    • balassy
      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
        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
          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
            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
              cyberphox last edited by

              following this thread

              1 Reply Last reply Reply Quote 1
              • Z
                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?

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

                  @zwirbel move it above the body { line

                  1 Reply Last reply Reply Quote 1
                  • Z
                    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
                      cyberphox last edited by

                      i think @yawns deserves the credit…LOL

                      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 Paul-Vincent Roll and Rodrigo Ramírez Norambuena.
                      This forum is using NodeBB as its core | Contributors
                      Contact | Privacy Policy