Tamil characters rendered wrongly

[cheeaun]

mapbox-gl-js version: 1.11.1
browser: Chrome, Safari, Firefox

Link to Demonstration

https://jsfiddle.net/cheeaun/adrzysk7/1/ or https://jsbin.com/tojinod/edit?html,css,js,output

It's rendering (some of) the Tamil characters wrongly. I personally don't know how to read Tamil, but it's obviously rendered differently compared to how browsers render them.

I've tried few ways to "fix" it:

1. Set localIdeographFontFamily: '"InaiMathi", "Tamil Sangam MN", "Nirmala UI", Latha, Bamini ,Roboto, Noto, "Noto Sans Tamil", sans-serif'.
2. Upload Noto Sans Tamil to Mapbox studio and set them as symbol layer style.

Here's another screenshot of a web site I'm working on (using Noto Sans Tamil Medium):

The text is சைனாடவுன்.

[planemad]

Issue lies upstream in Mapbox GL: mapbox/mapbox-gl-native#7774

[1ec5]

Also tracked in this repository in #4009.

[asheemmamoowala]

@cheeaun Thank you for reporting this issue. As mentioned, this is a duplicate of #4009, let's focus the discussion in that ticket.