Missing unicode simbol shown only on phanpy

[eliocamp]

Describe the bug
A clear and concise description of what the bug is.

• Which site: phanpy.social
• Which site version: 2024.03.28.ecd308c
• Which instance: mastodon.social

To Reproduce
Steps to reproduce the behavior:

1. Go to to https://mastodon.online/@danirabbit/112191286964479278
2. See blue, pink and white hearts.
3. Go to https://phanpy.social/#/mastodon.social/s/112191287236876403
4. See a mess of invalid unicode symbols.

Expected behavior

The correct emojis should be shown

Screenshots

Correctly-looking post in the user's instance:

Correctly-looking post in mastodon.social client:

Post as it looks on phanpy:

Desktop (please complete the following information):

• OS: elementary OS 6.1 Jólnir
• Browser Firefox 124 and Chrome 123

[wakest]

don't have the solution to this issues, but heres how it looks in Phanpy dev on newest Firefox on macOS

[cheeaun]

Phanpy uses OS native emojis, so it's likely that your OS doesn't support them yet (specifically the included emoji font). This is a known common problem with emojis — that's why a lot of web apps (but not mobile apps 🤔) replace them with images (emoji iconsets) 😅.

Some analysis:

• 🩵 Light Blue Heart - seems pretty new, added in 2022 but only available widely in 2023 https://emojipedia.org/light-blue-heart#technical
• 🩷 Pink Heart - seems even newer, only available in 2023 https://emojipedia.org/pink-heart#technical

I'm aware of ways to fix this but despite emojis looking simple, they are quite complicated and require annual maintenance (there are always new emojis every year, coinciding with new OS releases 😩) — also one of the reasons why Phanpy doesn't include a (non-custom) emoji picker (as of now) 🙏

[eliocamp]

I thought that could be the issue but then I didn't understand why the mastodon.social client showed the correct emojis. Is it using some other font rendering thing that doesn't rely on th system's emoji font?

[cheeaun]

@eliocamp the client replaces the unicode character with an image.

Looking at the blue heart icon design, I suspect it's Twemoji https://emojipedia.org/twitter/twemoji-15.0.1/light-blue-heart

[Fastidious]

This is how it shows in Gnome, no issues: