Display Rupee symbol on website or blog


India now has official symbol for Rupee (Indian currency). We have already seen procedure to download Rupee font to insert new Rupee symbol in Word documents and files. Do you want to display new Rupee symbol on webpages of your website or blog? This can be easily done using WebRupee’s web api for the symbol of Indian currency.

1. Stylesheet method to display Rupee symbol

Add a stylesheet link in the head section of your webpage:

<link rel=”stylesheet” type=”text/css” href=”http://cdn.webrupee.com/font”>

Then add the following code enclosing your “Rs.”

<span>Rs.</span> 200

2. Javascript method to display Rupee symbol

Include the following javascript to convert all the ” Rs ” / ” Rs. ” into new Rupee symbol.

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

Either of above method will convert and update “Rs” or “Rs.” into new Indian Rupee symbol. Checkout more details at official webrupee website.



  1. hi

  2. I used webrupee script in my site which is hosted in Godaddy but Rupee symbol is not displayed. what may be the reason. I also created a test html page and added this script which worked fine. Do you have any idea?

Add a Comment