Trak.in is a popular Indian Business, Technology, Mobile & Startup blog featuring trending News, views and analytical take on Technology, Business, Finance, Telecom, Mobile, startups & Social Media Space

Want to use Rupee Symbol ( Rs. ) on your Webpage – Here is how !

8

By now I am sure you know how to use the New Rupee Symbol in your Word documents. (If not just download and install this font and press the key above ‘tab’ button and you are set).

However, using the Rupee symbol ( Rs. ) to show up on your web page is quite difficult. But there is a great solution available now.

A new startup Webrupee has come out with a API, which makes showing the rupee symbol on your website a breeze.

Here is how you can start showing Rs. symbol on your web pages:

How To Use WebRupee on your website ?

(note: please replace “[” and “]” with “<” and “>” other wise code will not work)

1. Add a stylesheet link in the head section of your webpage:

[link rel=”stylesheet” type=”text/css” href=”http://webrupee.com/font”]

2. Add the following code enclosing your “Rs.”

[span class=”WebRupee”]Rs.[/span]

OR

Just include the following javascript and it will update all the ” Rs “/” Rs. ” for you

[script src=”http://webrupee.com/js” type=”text/javascript”][/script]

(note: please replace “[” and “]” with “<” and “>” other wise code will not work)

What I really like is, if I use the script , it converts all the previous instances where Rs. is mentioned. Also, you do not have to take extra effort. Another advantage of it is – if someone copies your text, still the text will appear properly !

Go ahead, try out this simple, cross browser compatible method for using the Rupee symbol on your webpage, blog or anywhere on the web.

  1. […] An Indian company, Foradian Technologies was quick to come out with Rupee Font as soon as the rupee symbol was released. Then webrupee, a Pune startup made it simple for web-publishers to put Rupee symbol on their web properties. […]

  2. Jnv Friend says

    If you want rupee symbol in place of Rs or Rs. then simply add the following code in your header of footer of webpage.
    <script src="http://www.hnfwebworld.com/rupee/rupee.js&quot; type="text/javascript"></script>.

    1. Naved H. Siddiqui says

      thats sweet and simple

  3. Hitesh Makwana says

    hello Arunbhai,

    You did excellent code for our Indian rupee symbol.
    nice and easy way no problem at all.
    thanks to provide this feature.
    feeling happiness to see our country currency symbol on my site :)

  4. narender says

    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/

  5. Suhas says

    not working in firebox browser

  6. Sumesh says

    That’s an interesting startup, they’re generous in letting us hotlink the font file.

    @Arun

    You can post actual code by escaping the special characters with any online tool like Postable (see my post about it).

  7. ceti says

    They couldn’t find an existing unicode symbol? It will take years for the symbol to roll out on all platforms and fonts.

Leave A Reply

Your email address will not be published.

who's online