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.

    Display colored emoji

    Scheduled Pinned Locked Moved Solved Custom CSS
    9 Posts 5 Posters 3.6k Views 5 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.
    • floschiboF Offline
      floschibo
      last edited by

      Hi!

      I’m trying to get colored emojis to work on MagicMirror v2.8.0 using Raspberry Pi.

      I followed this steps:
      https://www.omgubuntu.co.uk/2016/08/enable-color-emoji-linux-google-chrome-noto
      And got it working with local Chromium browser:
      0_1568615149787_working.png

      But MagicMirror is still showing this:
      0_1568615189275_notworking.png

      Maybe there’s a solution to get this work?

      Thanks

      1 Reply Last reply Reply Quote 0
      • D Offline
        DeeZett
        last edited by DeeZett

        Edit: Could make it working.

        1 Reply Last reply Reply Quote 1
        • StoffbeuteluweS Offline
          Stoffbeuteluwe Project Sponsor
          last edited by Stoffbeuteluwe

          Hi, I have my MagicMirror installed on a Mac mini …so i can copy all emojis from my telegram messenger (desktop version) to my config.js.
          That works fine for me…

          floschiboF 1 Reply Last reply Reply Quote 0
          • floschiboF Offline
            floschibo @Stoffbeuteluwe
            last edited by

            @Stoffbeuteluwe said in Display colored emoji:

            Hi, I have my MagicMirror installed on a Mac mini …so i can copy all emojis from my telegram messenger (desktop version) to my config.js.
            That works fine for me…

            Hi,

            what exactly have you copied to your config.js?

            StoffbeuteluweS 1 Reply Last reply Reply Quote 0
            • StoffbeuteluweS Offline
              Stoffbeuteluwe Project Sponsor @floschibo
              last edited by

              @floschibo I have copied the emoji out off my telegram messenger (desktop version on my Mac mini)

              floschiboF 1 Reply Last reply Reply Quote 0
              • floschiboF Offline
                floschibo @Stoffbeuteluwe
                last edited by

                @Stoffbeuteluwe Ok, now I think I get it. In my case I’m jusing the MMM-IFTTT module to send Messages to the Mirror.
                So emojis are displayed by text send via IFTTT. It’s not a fixed Text I can copy to my config.js file. :thinking_face:

                1 Reply Last reply Reply Quote 0
                • MZ-BERM Offline
                  MZ-BER
                  last edited by

                  Hey there - the instructions above doesn’t worked for me. But I found a solution that works perfectly:

                  1. Open https://github.com/googlefonts/noto-emoji/tree/master/fonts
                  2. Download most recent NotoColorEmoji.ttf
                  3. Copy file in /home/pi/.fonts (if you cant see the .fonts folder please use CTRL+H to display it (Folders with names starting by “.” are hidden on Raspbian))
                  4. Done!
                  D TazDevT 2 Replies Last reply Reply Quote 2
                  • D Offline
                    DeeZett @MZ-BER
                    last edited by

                    Hi there,
                    topic is quite old but still present for me. :D As you can see on picture below, the envelop smiley is not converted into emoji. For test using, I pasted an smiley into it and it seems, that it’s not the Chrome Noto Font.
                    Followed the instruction provided by @floschibo > How To Enable Color Emoji on Chrome for Linux (Updated).
                    Also tried the latest instruction above by @MZ-BER.

                    Should be:
                    ✉ Envelope Emoji
                    Name: Envelope
                    Unicode number: U+2709
                    HTML-code: ‘&#9993’;
                    CSS-code: \2709

                    Screenshot of the MagicMirror Page.
                    0b129b6f-16c9-4928-9d2d-32a48dafba55-image.png

                    I also tried to install another font the Linux Color Emoji Font. But same here - could not make it applied. But the Chrome Noto Font would be fine for me.

                    Any recommendations?
                    Thank you.

                    Regards.

                    1 Reply Last reply Reply Quote 0
                    • D Offline
                      DeeZett
                      last edited by DeeZett

                      Edit: Could make it working.

                      1 Reply Last reply Reply Quote 1
                      • TazDevT Offline
                        TazDev @MZ-BER
                        last edited by TazDev

                        @MZ-BER

                        i will try to get apple style working, here is the font: https://github.com/samuelngs/apple-emoji-linux

                        mkdir ~/.fonts
                        cd ~/.fonts
                        wget https://github.com/samuelngs/apple-emoji-linux/releases/download/ios-15.4/AppleColorEmoji.ttf
                        fc-cache -f -v
                        
                        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