Displaying the Indian currency symbol on a website

Question

This symbol for the rupee, the currency of India, was approved by the Union Cabinet on 15 July 2010.

How can I display it on a website?

Answer 1

It will take more than an year (or two) for the universal acceptance.

1. Unicode consortium approves the char-code.
2. Fonts are updated to include this symbol
3. Browsers/OS are updated to include new fonts and then only it is visible on every browser on earth.

Creating custom fonts by using arbitrary code-base and (forcefully) embedding them in every web-pages is discouraged for Website. (for desktop applications it may be acceptable). Although your solution may be acceptable; I would not advice just for the sake of one symbol! Loading a font file makes web-pages slower.

By the time it is advised to use icon-sets for rupee symbol. Prepare a set of icons with sizes 12x8, 16x12, 32x32 that you can incorporate in-line using <img> tag.

E.g 5000/- (i just resized the image; it should have been re-sampled for given size for better results)

<img src="http://i.stack.imgur.com/nGbfO.png" width="8" height="10">

Note: This is what Wikipedia does. it uses png/svg file. Check the infobox here.

Answer 2

Just type <del>&#2352;</del> in your web page.

Answer 3

WebRupee API Available Here:

<script src="http://cdn.jagansindia.in/webrupee" type="text/javascript"></script>

You can also read full details here