Adding an extra glyph (of a character) in a webfont

Question

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

If you'd go to this link (link defunct), you'll be able to see that the whole website is in Devanagari Script, except one character: the capital letter 'S' with Caron (Š). This character sadly is unavoidable because the business name itself has this character (ie, the translated Devanagari version of the same).

So what I'm planning to do is edit the font files and add the character in it, but I believe that it's not that easy.

I have tried using other font-face converters, but all of them have this one character missing, which leads me to think the main font itself doesn't have the character. And yet, when I view this webpage locally, the character is present and working, as you can see the comparison below -

Font when viewed locally

Font when viewed online

Additionally, you can view the source code of the following link and search for the character "Š" with quotes (You won't find it) -
http://trdnepal.org/np/fonts/mercantile/Mercantile.svg (link defunct)

Which means during conversion to @font-face, something went wrong. I've tried various @font-face generators, none of which is helping.

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

Answer 1

You can find all of the Devanagari characters (and their unicode char codes) here: http://unicode.org/charts/PDF/U0900.pdf

From here you can either copy and paster character 0921 (which I believe is the character you are looking for) into your source - or you can use its unicode representation.

You may need to do some tweaking to have it perfectly line up with your font using a span.

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

Here is a screenshot of how the <h1> looks with the character copied and pasted in.