Adding an extra glyph (character) to webfont

Question

Please note that the font I'm talking about contains NOT Latin characters.

If you go to this link , you can see that the whole site is in Devanagari Script, except for one character: the capital letter "S" with Karon ( Š ). This character is sadly inevitable because the business name itself has this symbol (i.e., a translated version of Devanagari of the same).

So what I plan to do is edit the font files and add a character to it, but I find it not so simple.

I tried using other font converters, but all of them lack this single character, which makes me think that the main font does not have a character. And yet, when I browse this web page locally, the symbol is present and working, as you can see the comparison below -

Font when viewed locally

Font when viewing online

In addition, you can view the source code for the following link and find the "Š" character with quotes (you won’t find it) -
http://trdnepal.org/np/fonts/mercantile/Mercantile.svg

This means that when converting to @font-face , something went wrong. I tried various @font-face generators, none of which help.

So how do I do this job? Alternatively, is there a better solution?

Answer 1

Here you can find all Devanagari characters (and their Unicode char codes): http://unicode.org/charts/PDF/U0900.pdf

From here you can copy and pasteurize the character 0921 (which, I believe, is your character), to your source - or you can use its representation in Unicode.

You may need to make some adjustments to fit perfectly with your font using a range.

For reference, the character you need to copy and paste is ड .

Here is a screenshot of what <h1> looks like with the symbol copied and pasted.