How to

New Indian Rupee Symbol in Unicode : Why still use special fonts?


A year ago Indian government announced a new symbol dedicated to represent the Indian Rupee (INR).At the beginning there were no solution for using the symbol on electronic means.And soon came some fonts that type the symbol on typing the rarely used charecter ( ` ).

I came across many websites and blogs that use a small 9×9 image of the new Rupee Symbol or the old representation (Rs.) and a very few using fonts.Many are still unaware that the Unicode decimal is now available for the Rupee Symbol.By using unicode the symbol is treated as a character.
Now the Symbol can be typed easily on most of the popular text editors with some key combinations and also can be used on webpages with the HTML code for the symbol.

The details of the Unicode symbol are as below…

 

Unicode Hexadecimal:

0x20B9

Unicode Decimal:

8377

UCS-2 Hexadecimal:
0xB920
UCS-2 Decimal:

47392

HTML Code Hexadecimal:

₹

HTML Code Decimal:

₹

Typing the charecter on Text Editors:

Most of the text editors support the new Rupee symbol and can be typed with the key combination given below without use of any special fonts.

  • Typing <Ctrl> + <Shift> + u20b9 will yield you the new Rupee symbol.
  • In some text editors <Ctrl> + Vu20b9 does the work.

Using on Web Pages:

To use the new rupee symbol on webpages include the HTML code decimal mentioned above ,for the unicode character in the code part.That is just merely including the code &#8377; in any part of your HTML document will show the new Rupee symbol.

Hope this info would have been useful for you.Use this way to include the rupee symbol rather than silly expired methods like image icons and fonts.

Whats on your mind? Share your thoughts in commrents…

About the Author

Tharun is a bit attracted towards computers and stuff.He loves to blog,share and know more about computers and technologies.He shares what he feels is something good on this site...Stay connected.
Tharun is on: Facebook , Google+ , Twitter

7 comments
bsr
bsr

I have added the HTML Decimal code ₹ in my html file for INR currency symbol
but only a small box as shown besides the codes is shown instead of the currency symbol.

Can someone help me out of this. Thanks

krishna
krishna

its great and very informative, keep it up bro,,

Arun
Arun

Wow...It's great to know about this...! :D

Tharun
Tharun

Here when use the code in the comment as you see for yourself, it works fine.May be you pasted a wrong code...And also what you say is not clear.Can you report with a screenshot? Happy to help...

bsr
bsr

Thanks for ur prompt response.
I have added HTML CODE DECIMAL: ₹ in my html file and it is showing a small square symbol there. I am not getting the option to add screenshot.

bsr
bsr

I am saying that this square symbol is seen on page after putting the html code decomal but not the INR currency symbol.

Tharun
Tharun

If you are able to see the symbol on this page and not on your page,then there is some mistake with your page.