views:

328

answers:

3

Hello All,
Symbol for Indian currency was approved by the Union Cabinet on 15 July 2010. below is method to makes the rupee symbol available to everybody on the web.

WebRupee is a web api for the symbol of Indian currency. WebRupee API provides a simple, cross browser method for using the Rupee symbol on your webpage, blog or anywhere on the web.

here is method to print Indian Currency symbol

<html>
<head>
    <link rel="stylesheet" type="text/css" href="http://cdn.webrupee.com/font"&gt;
    <script src=http://cdn.webrupee.com/js type=”text/javascript”></script>
</head>
<body>
    Rupee Symbol :<span class="WebRupee">Rs.</span> 200

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.

below is another method You can now also use the new rupee symbol position U+20B9 ₹ INDIAN RUPEE SIGN accepted by Unicode, just write it in the following way:

<span class="WebRupee">&#x20B9;</span> 500
</body>
</html>

Note: Just include the following javascript and it will update all the " Rs " / " Rs. " for you

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

for more information click here Web rupee

Indian currency symbol

Thank you.

A: 

This can be sought of a temporary solution. Unicode has accepted U+20B9 as Indian rupee symbol soon all systems will update themselves

ajay_whiz
I think "soon" is a bit optimistic, seeing as it's *fonts* that have to get updated. This will take a while.
Pekka
+2  A: 

It will take more than an year (or two) for the universal acceptance.

  1. Unicode consortium approves the char-code.
  2. Fonts are updated to include this symbol
  3. Browsers/OS are updated to include new fonts and then only it is visible on every browser on earth.

Creating custom fonts by using arbitrary code-base and (forcefully) embedding them in every web-pages is discouraged for Website. (for desktop applications it may be acceptable). Although your solution may be acceptable; I would not advice just for the sake of one symbol! Loading a font file makes web-pages slower.

By the time it is advised to use icon-sets for rupee symbol. Prepare a set of icons with sizes 12x8, 16x12, 32x32 that you can incorporate in-line using <img> tag.

E.g 5000/- (i just resized the image; it should have been re-sampled for given size for better results)

<img src="http://i.imgur.com/nGbfO.png" width="8" height="10">

Note: This is what Wikipedia does. it uses png/svg file. Check the infobox here.

Ankit Jain
what is this??? i m talking about html way n u r describing image tag way?? n also upvoted by your friends...Good
JustLearn
yah.. my frnds upvoted me and I got score of 1,402! u too go and make frnds on SO instead of FB.What i described here is the best thing to do rather. There is an HTML way if you can read in my answer. `Creating custom fonts by using arbitrary code-base and (forcefully) embedding them in web-pages is highly discouraged for Website.` But that cannot guarantee your page will display on all web browsers; even that's an unnecessary when you can have IMG! It does not make sense to use BIG FONT FILE for just one symbol. You want scalable graphic - choose SVG!
Ankit Jain
from the revisions of this quetion, seems like you just wanted to promote your `WebRupee`
Ankit Jain
Ankit Jain
JustLearn
@Ankit: do you really think using image is better alternative ?
Rakesh Juyal
@Rakesh Can you list down benefits u get with a font symbol? for Machines and Humans both! For humans having image vs font is no difference. For machines having image means less computing, less bandwidth, faster webpage rendering. (this argument is valid unless the FONTS with Rs are available in every OS!)
Ankit Jain
+1  A: 

During my search i got a good tutorial also its works without using javascript http://www.design2core.com/myblog/css/how-to-use-new-indian-rupee-symbolwebrupee-on-your-webpage-or-blog/

sunil