Unicode displaying strange in Edge

Question

What I want it to look like:

Expected

What it looks like in Edge:

Actual

The Unicode character is ▶

I am assuming edge is just trying to be clever and displaying their own image for my unicode character. How do I prevnt this nonesense. I have googled with no avail.

When you write Unicode characters, please add also the Unicode codepoint number. — Giacomo Catenazzi, Jan 21 '19 at 11:26

score 2 · Accepted Answer · answered Jan 20 '19 at 15:34

2

You might find some insight in this thread. As it turns out, there is a workaround, but you would need to change the font-family, at least for your symbol (assuming that you wrap your icon in <span> element with icon class) :

.icon {
  font-family: "Segoe UI Symbol";
}

answered Jan 20 '19 at 15:34

Piotr Wicijowski

1,975
9
15

Thankyou. I read that thread but turns out I missed that comment. – cryptodescriptor Jan 20 '19 at 15:51

Unicode displaying strange in Edge

1 Answers1

Linked