Question: Support for Multi-Byte Emojis in Docebo via CSS?
Hi everyone,
I'm trying to use emojis within learning content and widgets in Docebo, but I'm seeing inconsistent results.
For example, wrapping emojis in a span works for some characters:
HTML
<span class="emoji">⭐</span>
However, many other emojis (✅, 📚, 🚀, 🎯, 📢, etc.) either do not render or are replaced with blank spaces/unsupported characters.
I'm wondering:
- Does Docebo fully support multi-byte Unicode emoji characters?
- Is there a recommended CSS font stack (e.g., Segoe UI Emoji, Apple Color Emoji, Noto Color Emoji) that can be added at the platform or theme level?
- Are there any platform settings, theme customizations, or custom CSS options required to enable broader emoji support?
- Has anyone successfully displayed modern Unicode emojis consistently across web and mobile learners?
My initial thought was that this might be a font-rendering issue rather than an HTML issue, since simple symbols like ⭐ display correctly while many newer emojis do not.
Any guidance, best practices, or examples would be greatly appreciated.
Thanks!