MagicMirror² v2.5.0 is available! For more information about this release, check out this topic.

Using Unicode Character and symbols in module


  • Module Developer

    Hi,
    i have a problem, i want to use a Unicode character in my module.

    Its the lock character (🔒), see http://graphemica.com/%F0%9F%94%92.

    If i insert this, it works on the published IP Adress of MagicMirror (via browser) but not on MagicMirror (Electron) itselft:

    Browser:
    0_1527703300152_browser.jpg

    Electron:
    0_1527703311543_electron.jpg

    I use follwing code:

    link.innerHTML = this.config.Alias[index] + '\u{1F512}'+'🔒';
    the second locksymbol is '& # 128274 ;' written with no spaces.
    

    Electron is running in a Pixel VM (Oracle Virtualbox), for development purposes.

    Can somebody give me a tip how to solve this?

    Thanks in advance.

    AxLED


  • Module Developer

    Hi to all,

    i found a solution.
    0_1536262932769_lock.JPG

    I use font awesome (which comes with mm anyway) an the following css:

    .fa-lock1:after {
                content: "\f023";
              }
    

    AxLED