Unicode font breaks

[mcnaveen]

Bug report

Description / Observed Behavior

When I tried to use Tamil Font (Unicode) (Example: https://fonts.google.com/specimen/Baloo+Thambi+2) it was not rendering properly. So I tried the same one in /pages/index.js where it's working properly.

What kind of issues did you encounter with Satori?

Expected Behavior

Reproduction

I created this repo (Main Branch): https://github.com/mcnaveen/bug-vercel-og

Additional Context

Satori version, and any other context about the problem here.

[mskian]

expected Behaviour
try using Unicode Tamil Fonts it will work
before pulling Unicode encoding and trying it

encodeURIComponent(`எவரும், அடிமையாக வைத்திருக்கப்படுதலோ அல்லது அடிமைப்பட்ட நிலையில்
        வைத்திருக்கப்படுதலோ ஆகாது; அடிமை நிலையும் அடிமை வியாபாரமும் அவற்றில்
        எல்லா வகைகளிலும் தடைசெய்யப்படுதல் வேண்டும்.`);

Make sure that your development environment has Tamil font installed

Linux

sudo apt-get install fonts-indic

I follow this method for HTML Canvas Text

[mcnaveen]

I have already Tamil Fonts installed in my development environment. Using encodeURIComponent returns image like this.

[mskian]

Oops just noticed it has a Unicode support issue - Check output

[sahithyandev]

I guess it's an issue with opentype.js

[mcnaveen]

@sahithyandev I think so. Seems this is not new!

opentypejs/opentype.js#390

[errhythm]

Is there any update on this? Indic language fonts are still breaking while rendering.

Generated SVG:

Satori HTML Native:

OG Playground Test

[vivekkj123]

Seems the issue isn't still solved. I think this issue needs more priority from @vercel, as this impacts almost all Indic languages.

[vivekkj123]

Also, I think @foliojs/fontkit have more support for Indic fonts, if it's possible migrating from opentype.js will resolve this issue