Unicode Gujarati language word not rendering correctly in browsers

Question

Using Google Input tools (the web-version as well as in Gmail) and in a Unicode converter online tool I am trying to get a word જયેન્દ્ર but somehow, except at one place in Firefox browser (please see under Unicode Character box in attached screenshot mozilla_3.png), it is rendering incorrectly. I verified this on Firefox and Google Chrome browsers I have on my Ubuntu 18.04 machine.

mozilla_1.png

mozilla_2.png

mozilla_3.png

google_chrome_1.png

google_chrome_2.png

Note:

1. Both the browsers are of latest version supported on the specified version of Ubuntu.

2. As a matter of fact trying to paste that word in this post without code quotes it gets rendered incorrectly.

3. I have already made the font-settings as recommended in https://askubuntu.com/a/1008803/428475

Can anybody please let me know what could be the reason behind this behaviour and how do I fix it?

Answer 1

Using the suggestions in comment Unicode Gujarati language word not rendering correctly in browsers I was able to resolve the issue.

Summarizing the steps below:

1. Install font-noto-hinted (for Ubuntu 18.04; that is the version I am using)

2. For Mozilla Firefox goto its Settings -> Language and Appearance -> Fonts and Colors -> Advanced and change the value for Serif (aka Default font) and Sans-serif to Noto Sans Gujarati.

3. For Google Chrome go to its Settings -> Appearance - Customize Fonts and change Standard Font to Noto Sans Gujarati

Thanks.