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.
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,
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
<span>tag, so just put
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
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