Using 2.0.2 emojis render properly, but 3.0.0 does not render emojis anymore and renders them as square blocks.
Can be as simple as:
<div tw="flex flex-col w-full h-full items-center justify-center bg-purple-50">
😳
</div>
return await ImageResponse(htmlTemplate, {
width: 1200,
height: 630,
fonts: [
{
name: 'Lexend',
data: await (
await fetch(
'https://github.com/googlefonts/lexend/raw/main/fonts/lexend/ttf/Lexend-Bold.ttf'
)
).arrayBuffer(),
weight: 700
},
{
name: 'Lexend',
data: await (
await fetch(
'https://github.com/googlefonts/lexend/raw/main/fonts/lexend/ttf/Lexend-Medium.ttf'
)
).arrayBuffer(),
weight: 500
}
]
});