why hex symbols transforms into emoji signs?

[Funkaholik]

i’m using some hex symbols like ✉ ☏ ⚇
and i like them actually (yes i heard about fontawesome etc))
but in Chrome on the phone (Android) symbols turns into some kind emoji styled signs
how to avoid this?

[Beverleyh]

It doesn’t work everywhere but try putting \00FE0E immediately after the Unicode symbol (in CSS), or ︎ after the Hex symbol (in HTML);

So, for the email envelope as a CSS pseudo element, content:'\2709'; becomes content:'\2709\00FE0E';

Or the same in HTML ✉ becomes ✉︎

Other variations here http://graphemica.com/%EF%B8%8E

Source: http://stackoverflow.com/questions/32915485/how-to-prevent-unicode-characters-from-rendering-as-emoji-in-html-from-javascrip

[Beverleyh]

The forum is foo-ing the sample code, but here’s a demo in CodePen http://codepen.io/anon/pen/qrOZeN

[Funkaholik]

thanx .. i can use that value \00FE0E for all symbols or just for envelope icon?

[grimski]

I was just about to make a post on the same thing! I’m using :before/:after classes to display a triangle and noticed on iOS I was getting a triangle with a gradient blue background.

I’ve changed content: "\25b6"; to content: "\25b6\00fe0e"; and it seems to fix the issue. :)

[Funkaholik]

yeah but i’m using hex in html so would that value & # x FE0E work for all symbols or just envelope?

[Beverleyh]

You would use at after all the symbols for which you’d like to suppress the emoji (envelope or otherwise).

[Funkaholik]

okay

[Funkaholik]

by the way if i’m using not HEX but HTML CODE symbols do i still need to type & # xFE0E;?

[Beverleyh]

I can’t remember off the top of my head but refer back to the CodePen demo I posted earlier and try it out. If it doesn’t work, or you want to switch between JavaScript/CSS/whatever, try one of the other variations from the previously linked graphemica page (all the information is there) and then test at your side to see what works for you in your particular setup.

[Author]

Posts