[How-To] Use The New Indian Rupee Font In Your WebApps

  August 10, 2010Category  How To, Web App
Indian Money
Image via Wikipedia

I have already blogged about the new Indian Rupee Symbol and how to use it in your printed documents. As I have mentioned earlier, it is going to take some time to become a standard.

Meanwhile wouldn’t it be cool to use it in your online web applications?

WebRupee does that exactly.

WebRupee is a web API for the symbol of Indian currency, it makes the rupee symbol available to everybody on the web. WebRupee API provides a simple, cross browser method for using the Rupee symbol on your webpage, blog or anywhere on the web.

The rupee symbol generated by WebRupee API for web viewing is not an image. Even if someone tried copying the Rupee symbol, and paste it somewhere (like notepad). It’ll be pasted as ‘Rs.’ Well that means if somebody copies text from your site and pastes it somewhere he will see ‘Rs’. and not some other or blank character.

Demo

Try copying and pasting this sentence: I just bought a laptop for Rs. 48000/- (If you see english alphabets ‘Rs’, then you don’t have a supported browser or you are viewing in a email/feed client. ;-) )

How To Use It?

Simple.

Method 1: Just include the following javascript and it will update all the “Rs” / “Rs.” used in your page to Rs for you.

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

Method 2:

  1. Add a stylesheet link in the head section of your webpage:
    <link rel="stylesheet" href="http://webrupee.com/font">
  2. Add the following code enclosing your “Rs.”
    <span>Rs.</span> 200
Tags , , , , , , ,