I am using HTML entity ✔ (✔) in various colors to indicate what options are chosen by a user.
As it turns out, MS Edge turns some UTF-8 characters into emojis which make my design unreadable - I can no longer change their colors with CSS.
I found out in another question that replacing ✔ with ✔︎ (✔︎) should do the trick, but it does not seem to be working with Edge.
Is there another way to do it, is it impossible, or am I missing something?
The UTF has special characters to control the rendering. These special characters tell the OS/browser if it is required to covert the previous glyph to emoji or disable emoji and render it as a text: ️ – disable emoji and render the previous glyph as a text.
So, if you need to disable emoji in your text, convert the symbol to UTF-8 or UTF-16 sequence ( symbol. codePointAt(0).
To begin using the software Emoji Keyboard, simply click on the software icon and choose the emoji you want to use. Paste the emoji you wish to use into Skype/Slack/Facebook Messenger etc once you have chosen the emoji which best describes your mood at the moment.
Try adding font-family: "Segoe UI Symbol";
to your css containing the HTML entity.
For example:
span {
font-family: "Segoe UI Symbol";
}
<span>✔︎</span>
From there you will be able to style your HTML entity. I've tested this on Edge and have confirmed that it works.
The thread below addresses this issue you are having:
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With