×

Thank You for Quotation!

Your email has been successfully sent and we will get in touch with you shortly.

Request a Quote

Please tell us about your project and a member of our team will contact you within one business day.

I faced many clients' questions & review regarding adding Rupee symbol '₹' on their websites. Its very common issue and their are many solutions available to related it. You can do it with Google digging.

Very first solution given by guys at http://webrupee.com/, they provide JavaScript that replaces Rs. (Previous rupee notation) to the symbol.

Where is universal ?

But this is not unique solutions because its replaces something with other thing. Also as Unicode Technical Committee added this symbol in to Unicode and give position of U+20B9.

An important thing about this is, its already accepted in different systems. Unix/Linux are the very first in this list. After that Mac and windows 8 also supports this Unicode.

Relation with web ?

The solution will be different for different users.

If you are owner of website with display of Rupee symbol, I will suggest to use take support of this Unicode feature, because its universal and accepted by most of system. It also good for SEO purpose. Most websites specially shopping cart already using this features. You just need to put any of these format of symbols:-
Unicode: U+20B9 or HTML:

Now what happen? it will display on some system(Basically supported Rupee) but most of them still cant see. Its is due to the users' OS cant read this code or they just didn't have supported font. Now the universal solution is to provide them such font. Here is most common solution for it,

https://github.com/shrinet/rupee

Download contents, and upload to your website's css direcory. and include the rupee.css in the website. This css contains font for Rupee symbol and most important its available globally for all website user without injecting JavaScript or any third party. One last thing required is to setup this CSS according to your theme or template system. Like your rupee symbols in <span>tag, so just put

class="price"

The other way you can manipulate CSS accordingly.

Now what the other solution ?

This solutions for website user, it Rupee symbol not seen on your PC, then it mean website uses Unicode version of it and you need to update your system for supporting font. Luckily Microsoft given an update for support it, you can get it from

http://support.microsoft.com/kb/2496898

Note:- Specially for Prestashop users, The Github files is already setup for Prestashop, so just only put CSS in header.tpl as

If you have any question regarding this topic, Please feel free to ask

Comments