Edge is showing weird Symbols for utf-8 chars

Issue #11635143 • Assigned to Christian F.


Oliver T.
Apr 12, 2017
This issue is public.
Found in
  • Microsoft Edge
Found in build #
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

I have an UTF-8 character for a Plane-Symbol in my HTML-Code and everything was fine before the creative upgrade.
Now instead of showing a little nifty plane, it shows a huge ass and ugly plane Icon, that I do not want there.

please see attached Images


Comments and activity

  • Microsoft Edge Team

    Changed Assigned To to “Steven K.”

  • Hi Oliver,

    Can you send a repro?  I would like to see what font is being used to display that utf-8 character.  E.g. what is your font-family set to and to verify the utf-8 meta tag is in the header, etc.

    The MS Edge Team

  • Also, I think this link might be useful:


  • Hello Steven,

    I left a little 6 liner for you to check out under http://www.exbir.de/tmp/test.html .
    Its the same little utf-8 plane like we use on the main page, but there is so much stuff going on - it would drive you crazy to see through it + all that gibberish german textwalls :D.

    So I stripped it down to defaults.

    On my PCs it looks like this… with default fonts, no special settings etc…

    The link you provided is interesting, but in that case not very helpful. :/

    Good luck to chase that bug. :D

    funfact…the IE representation is right…only Edge shows that funny blue Icon.

  • Hi Oliver,

    Thank you for the repro.  I was able to repro this in the Creators Update.

    Now I have a repro for you. :)  My repro is using the “text presentation sequence” to “request a text presentation for an emoji character. Also known as text variation selector.”

    It appears what happened is the default rendering for Unicode Emoji’s was changed in the Creator’s update to follow standard recommendations; however, the “text presentation selector” is not being honored.

    From the Unicode® Technical Report #51:

    “ED-8. text presentation selector — The character U+FE0E VARIATION SELECTOR-15, used to request a text presentation for an emoji character. Also known as text variation selector.”


    We will investigate further and thanks again for the support and submission,

    The MS Edge Team

  • I also wanted to mention that the Technical Report I referenced in my last message is a guideline and not a standard.  I.e. Quoting from the TR page:

    “This document provides design guidelines for improving the interoperability of emoji characters across platforms and implementations. It also provides data that designates which characters are considered to be emoji, which emoji should be displayed by default with a text style versus an emoji style, and which can be displayed with a variety of skin tones.”


  • Microsoft Edge Team

    Changed Assigned To to “Rick J.”

    Changed Assigned To to “Christian F.”

  • Hi Christian,

    I wanted to let you know about a work-around in case you were not aware.  Quoting from the following link:


    "With the release Windows 10, the Segoe MDL2 Assets font replaced the Windows 8/8.1 Segoe UI Symbol icon font. 

    Segoe UI Symbol
    will still be available as a “legacy” resource"

    I also created a codepen to show you your original plane and a screenshot.  :)



  • Me too.

    I’ve just hit this issue as I test in Edge a website that I developed (and works fine) in Chrome (and Firefox).

    After looking at the codepen, I added this Edge-specific CSS (to an existing rule for a breadcrumb separator):

    .breadcrumb-separator {
      font-family: var(--body-font-family), "Segoe UI Symbol";

    I did this after adding a polyfill for the missing NodeList.forEach method. Sigh. I wonder what’s next.

  • Almost a year later, this is still an issue in Edge (and IE11).

You need to sign in to your Microsoft account to add a comment.

Sign in