Skip to main content
Participant
April 5, 2017
Answered

Type special characters by emojiSelector

  • April 5, 2017
  • 2 replies
  • 1497 views

I wrote a html page, just static web, no dynamic content. In my text, I use some special characters that I use this site to write http://www.emojiselector.com

Everything's ok. Just the displayed on browser result is so quite different. For example, on Chrome and Firefox, the emojis are not same, on IE no color. I don't know what is this problem. This is caused by my browser, code editor (dreamweaver) or this online emoji keyboard pro (emojiSelector) that I used? How to fix it?

This topic has been closed for replies.
Correct answer pziecina

Even though an emoji is nothing more than an image cut out, once you start adding features to it like an animation it will depend on it being recognized by the browser, as an animated svg or png, and inserted in the code as such.

Then there is the problem of browsers recognizing the emoji, as an emoji. which is not a given. Browsers will only display a custom emoji correctly, to its own support of how to do so.

Anything new, (and animated png is new in browser support terms) takes time to gain full x-browser support. This is the  same for animated png and svg, all modern browsers say they support it, but they do not support it the same, a simple svg is fine, add animation and it then depends on how you add the animation. Add color and it depends how you add color, if its an animated png, not all browsers support them, (displays as standard png, no animation).

You will have to do the same as everything else concerning browsers, wait untill there is an established standard, then wait a further few years for it to become a recommendation, then if you are lucky browsers will start to offer better support. Until then, it is a create it and see if it works thing.

2 replies

pziecina
Legend
April 6, 2017

Once you move away from what a browser can be interpreted natively, then the results will vary from browser to browser.

Participant
April 7, 2017

Can you tell more detail?

pziecina
pziecinaCorrect answer
Legend
April 7, 2017

Even though an emoji is nothing more than an image cut out, once you start adding features to it like an animation it will depend on it being recognized by the browser, as an animated svg or png, and inserted in the code as such.

Then there is the problem of browsers recognizing the emoji, as an emoji. which is not a given. Browsers will only display a custom emoji correctly, to its own support of how to do so.

Anything new, (and animated png is new in browser support terms) takes time to gain full x-browser support. This is the  same for animated png and svg, all modern browsers say they support it, but they do not support it the same, a simple svg is fine, add animation and it then depends on how you add the animation. Add color and it depends how you add color, if its an animated png, not all browsers support them, (displays as standard png, no animation).

You will have to do the same as everything else concerning browsers, wait untill there is an established standard, then wait a further few years for it to become a recommendation, then if you are lucky browsers will start to offer better support. Until then, it is a create it and see if it works thing.

Nancy OShea
Community Expert
Community Expert
April 5, 2017

That site doesn't look secure to me.   I would stay away from it.   I don't need emojis for my projects.

For Icons, I use Font Awesome Cheatsheet

Nancy

Nancy O'Shea— Product User & Community Expert
Participant
April 6, 2017

This site doesn't store any your information, no register functionality, no require any financial donate so this message is so stupid I check it by AVG, Norton, Kaspersky, and they told me that this site is safe. Nothing's more. Maybe this problem cased by McAfee slow update his database and this site wasn't included.

Here is also from McAfee

I don't want to use your font, because it is not colorful. Just look like on old browser

Ussnorway7605025
Legend
April 6, 2017

I wouldn't use it but I also don't see a risk from the site itself... you are running scripts and so some broswers may block them but thats up to the end user imo