How to display Indian Rupee Symbol in Website with HTML / CSS / JS

Share

We know how to display the € (€) or £ (£) symbols easily with HTML. Lets now see how easily can we display the new Indian Rupee Symbol using HTML.

Easiest if your machine supports Unicode 6.0

If your machine supports Unicode 6.0 its as easy as ₹ (₹)

If you want to make sure that everyone can see the Indian Rupee Symbol irrespective of what their machine supports, then you can use the CSS or JS supplied by webrupee.com.

Using CSS

Place the following in the head section of your page –

And in the body where ever you want the Rupee Symbol write –

Rs.
It should be looking like – Rs.

Using JS

Include the following script in your HTML. This will automatically convert all “R s” or “R s.” into the Rupee Symbol.

This entry was posted in Browser, CSS, HTML, Javascript. Bookmark the permalink.
 

23 Responses to How to display Indian Rupee Symbol in Website with HTML / CSS / JS

  1. I used this method and I am feeling happy because my problem is solved

  2. shripad says:

    Its worked… Thanks

  3. SURESH says:

    THANX PROVIDING THE CODE OF RUPEE

  4. ROHIT says:

    THANKS A LOT

  5. bipan singh says:

    very nice post.

  6. de-captcher says:

    Infοrmatiνe article, ϳust what Ӏ ωanted to find.

  7. Munmun Paul says:

    I used this method & its worked all browser, thanks a lot!!! very informative article

  8. chandru says:

    cool…

  9. Amlesh says:

    Thanks a lot for this working cool

  10. Sathishkumar says:

    Very simple and easy method…Working well !

  11. Devendra Sharma says:

    The drawback is that it will change all Rs to rupee symbol hence Chargers will be Charge and rupee symbol and so on

  12. mukesh says:

    It’s Working well and very simple method, save more times..

  13. Ankur Rastogi says:

    Its Not working in IE Browser.

    • Sumit Surai says:

      webrupee.com site is down currently and hence the CSS and JS methods are not working. Please use the unicode method. We are looking for alternative ways and will post as soon as we find it.

  14. Shani says:

    it’s Not Working…

  15. zevler says:

    http://cdn.webrupee.com/font is not working.
    the site is down

  16. Sumit Surai says:

    webrupee.com site is down currently and hence the CSS and JS methods are not working. Please use the unicode method. We are looking for alternative ways and will post as soon as we find it.

  17. Sanu says:

    Use this code for the new Rupee symbol: ₹

    It renders like this: ₹

    The older Rupee symbol is also available using the same technique, but with a different code: ₨

    It renders like this: ₨

    No special stylesheet is needed, but your page will need to use the UTF-8 character set. I tried the address you provided for the stylesheet and it’s giving a 404 error. That site may not be available anymore.

  18. techPanditz says:

    WebRupee is now back online. Check this link: http://webrupee.com/

  19. Priyanka says:

    Thaku so mch for this solution it solves my problm so easly

  20. Arya says:

    Its NOt working for me.. 🙁

  21. shalu says:

    this is good method that solved my problem.thanks 🙂

  22. nitesh tiwary says:

    wow,its working..thanks for giving us this code

Leave a Reply

Your email address will not be published. Required fields are marked *

*