Search code examples
htmlcurrencysymbols

Displaying the Indian currency symbol on a website

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?

Indian currency symbol

Solution

  • WebRupee is a web API for the Indian currency symbol. It provides a simple, cross browser method for using the Rrupee symbol on your webpage, blog or anywhere on the web.

    Here is a method for printing the Indian currency symbol:

    <html>
<head>
    <link rel="stylesheet" type="text/css" href="http://cdn.webrupee.com/font">
    <script src=http://cdn.webrupee.com/js type=”text/javascript”></script>
</head>
<body>
    Rupee Symbol: <span class="WebRupee">Rs.</span> 200

    This means if somebody copies text from your site and pastes it somewhere else, he will see Rs and not some other or blank character.

    You can now also use the new Rupee unicode symbol — U+20B9 INDIAN RUPEE SIGN. It can be used in this manner:

    <span class="WebRupee">&#x20B9;</span> 500

    Just include the following script and it will update all the "Rs" / "Rs." for you:

    <script src="http://cdn.webrupee.com/js" type="text/javascript"></script>