How to use Indian Rupee symbol in HTML, Gmail, Blogs and Websites?

I had been getting many requests to post this and here it is. I found out many ways in which people tried to use the new rupee symbol in HTML pages some of them use SVG (Scalable Vector Graphics) files which run only in IE, some use java scripts which don't work really well either. I found out the simplest way.

Today I will show you a very simple trick which will give you ability to embed rupee symbol in HTML, Gmail, Blogs, Websites etc. I designed a high quality transparent rupee font image for achieving this. Transparent background image blends in the background and gives the viewer impression that he is looking at normal font.

How to use Rupee Symbol in HTML:
Just use this code:

<img src="http://1.bp.blogspot.com/_Ht1_rh8kGYQ/TKIOeWT_v2I/AAAAAAAADB0/u0lYZy7By8I/s1600/RupeeFont.png" height="10" width="10" />


1. Copy Paste Above code where you want to place the rupee symbol in your HTML.
2. You can specify your own height and width to suite your web page requirements.

Here is an example: The price of this item is 10/-


How to use Rupee Symbol in Gmail:

1. Just log-into your Gmail account.
2. Click on Compose mail
3. Insert image using Image Insert option.
4. SelectWebAddress (URL) option.
5. Insert the url "http://1.bp.blogspot.com/_Ht1_rh8kGYQ/TKIOeWT_v2I/AAAAAAAADB0/u0lYZy7By8I/s1600/RupeeFont.png".
6. Click OK.
7. Click on the image and re-size the image as per your requirement.You are done see screen shot below for details.

How to use Rupee Symbol in Blogs (Blogger, WordPress):

1. Just use this code:
   
<img src="http://1.bp.blogspot.com/_Ht1_rh8kGYQ/TKIOeWT_v2I/AAAAAAAADB0/u0lYZy7By8I/s1600/RupeeFont.png" height="20" width="12" />

   
2. Copy Paste Above code where you want to place the rupee symbol in your Blogs post.
3. You can specify your own height and width to suite your web page requirements.

Also Read: How to download and use Rupee font?