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

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.