Using 1.4.0-rc03, is there any way get emoji suppo...
# compose-webm
Mike Digman
04/10/2023, 5:05 PMUsing 1.4.0-rc03, is there any way get emoji support via the Text composable? For example, the following renders a box instead of a 😀
Copy code
Text(
text = "\uD83D\uDE00", // 😀
fontFamily = FontFamily.Default, // or Monospace, Cursive, Serif, SansSerif
)n
Norbi
04/10/2023, 5:10 PMI think that you should use a font that supports the corresponding glyph.
m
Mike Digman
04/10/2023, 5:16 PMHmm, I've tried a number of different typefaces and continue to get the box. The same code (using the same .ttf file for set font), shows emoji on Desktop and Android but not on web.
Mike Digman
04/11/2023, 10:47 PMTried various emoji fonts, like Google's Noto, but I run into one of two situations:
1. The emoji font is the first (or only) in a given FontFamily, emojis are rendered properly every other symbol doesn't render, appears like a box
2. The emoji font isn't the first in a given FontFamily, emojis aren't rendered properly.
Mike Digman
04/11/2023, 10:49 PMI'm using a vanilla, recent build of Chrome on MacOs that has no issues showing emojis in base html. The same code runs without issue via Android and Desktop builds in the same Multiplatform project. Is there an issue somewhere in the rendering pipeline? @Oleksandr Karpovich [JB] any idea what's going on here?
o
Oleksandr Karpovich [JB]
04/12/2023, 6:18 AMDo you instantiate the FontFamily manually?
We haven't looked into Fonts issues in Compose for Web yet. If you have a chance to file the bug with a reproducer, it would be helpful.
Given the experimental status of the target, issues such as this one can surface.
m
Mike Digman
04/12/2023, 9:15 PMGet the same result when I create a FontFamily manually (assuming the emoji font isn't the first font in the family) or when I use a predefined one (like FontFamily.Cursive) - all emoji appears like a square. Happy to file a bug with some code to repro. What's the right way to file it for web? @Oleksandr Karpovich [JB] do you mind sharing a link or instructions to do so?
o
Oleksandr Karpovich [JB]
04/13/2023, 5:45 AMHere https://github.com/JetBrains/compose-multiplatform/issues/new/choose
There is template to follow.
Thank you!
m
Mike Digman
04/13/2023, 7:55 PMThanks! You got it, bug added: https://github.com/JetBrains/compose-multiplatform/issues/3051
53 Views