Emojis are not rendering

G

Hi, I’ve added a bunch of emojis on my landing page and it doesn’t show up.

Basically I’m getting that " ��‍��" instead of the emojis.

Anyone has the same problem?

10 replies

Hristian
Userlevel 7
Badge +3

Hey @gokrispy,

The issue you are facing basically comes down to how computer operating systems AND browsers handle & interpret the Unicode standard.

If you want your visitors to be able to see the emojis, you’ll need to load a font that supports them.
However, due to the size of the latest Unicode spec that emoji font can add some serious “weight” to your page.

There are open source projects that are trying to tackle this issue so you might want to take a look at this Github repo.

Alternatively, you can simply load the emojis as SVGs.

Best,
Hristian

Hristian K. → experimentation-as-a-service → https://www.revise.agency/
G

Hi, I’ve tested it in deferent recent browser and it seems to be an Unbounce problem. It shows up well in the editor but soon as I publish it shows this ��‍�� on any browser.

It seems that Unbounce converts the Emojis when it is rendering the page.

Also it would be great that you add “FontAwesome” 🙂

Hristian
Userlevel 7
Badge +3

Hey @gokrispy,

As I mentioned yesterday, browsers would only display emojis if they can look up the Unicode and cross reference it in a font file.

It’s not a matter of new vs. old browsers.

As far as FontAwesome, you can always load that up through the JS/CSS panels.

Best,
Hristian

Hristian K. → experimentation-as-a-service → https://www.revise.agency/
G

So like 😀 this emoji right here, it is because it can cross reference it in a font file in the community font file?

G

Another question, why does it looks good at the “Editor” stage in Unbounce but doesn’t look good at the published?

Hristian
Userlevel 7
Badge +3

Based on a quick look, it seems Discourse puts up an image when you use an emoji in the community.

11

Hristian K. → experimentation-as-a-service → https://www.revise.agency/
Coopr

@Hristian while I get your technical explanation, it sure would be nice if Unbounce would make this just work. Your suggested workarounds are a little onerous - given that Emojis are increasingly used in text communications, can I suggest that Unbounce take this as at least a feature request, if not a bug, and consider it for a future improvement to the product?

Mito_Singh

Hi, is there any work around to fix the issue of the emojis not being shown?

Thanks!

Hristian
Userlevel 7
Badge +3

Hey @Mito_Singh,

If you scroll up a few posts above in this thread, I have a general guide on how you should approach this if you really want emojis on your page.

Best,
Hristian

Hristian K. → experimentation-as-a-service → https://www.revise.agency/
Doug_Sirkoch

You could just use png’s! Google “smiley emoji png”

Reply


Terms & ConditionsCookie settings