Breaking News
Loading...

How to display Indian Rupee symbol in websites

Share on Google Plus

How to display Indian Rupee symbol in websites



Indian Rupee has a new symbol and the symbol has a Unicode assigned to it – U+20B9. To type anddisplay the Rupee sign in MS-Word documents, this Unicode is used. But to display the symbol onwebsites, you have to use either HTML code or CSS or JavaScript codes. Alternatively you can also use the Unicode but it is limited to modern systems. In this article we will com know how to display the symbol on your blogs and websites.
If you are searching for how to type Indian Rupee symbol in Ms Word, MS Excel or Notepad, click on the below links:

Method 1 : HTML (Recommended)

The HTML code for the Rupee symbol is ₹ (ampersand hash 8 3 7 7 semi-colon).
Demo – ₹

Method 2 : CSS

Add this CSS stylesheet to the head section of your webpage.
css” href=”http://cdn.webrupee.com/font”>
Now in the body section type the following where ever you want to display the Rupee symbol.
<span>Rs.</span> 200
Demo – Rs.

Method 3 : JavaScript

Include the following JavaScript code to your HTML file. It will automatically convert all Rs and Rs. to ₹ symbol.

Method 4 : Unicode

The usage of Unicode to display Rupee symbol in websites is limited as the Unicode will only be converted on the systems with Unicode version 6.0. If a user with lower Unicode version visits your site then he will not be able to see the Rupee symbol.
The Unicode is &#x20B9;

You Might Also Like

0 comments

About me


Like us on Facebook