• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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.1k 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.
  • B Offline
    balassy
    last edited by Sep 21, 2018, 1:54 AM

    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 Sep 22, 2018, 2:11 PM

      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 Nov 12, 2018, 4:48 PM Reply Quote 0
      • M Offline
        Morkie @oe2atn
        last edited by Morkie Nov 12, 2018, 4:50 PM Nov 12, 2018, 4:48 PM

        @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 Jan 14, 2019, 8:51 PM

          @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 Jan 15, 2019, 11:48 AM

            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 Jan 23, 2019, 1:42 PM

              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?

              Y 1 Reply Last reply Jan 23, 2019, 1:50 PM Reply Quote 0
              • Y Offline
                yawns Moderator @Zwirbel
                last edited by Jan 23, 2019, 1:50 PM

                @zwirbel move it above the body { line

                1 Reply Last reply Reply Quote 1
                • Z Offline
                  Zwirbel
                  last edited by Jan 23, 2019, 2:11 PM

                  @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 Jan 25, 2019, 7:03 PM

                    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