How to display Indian rupee symbol in web pages using html css

How to display Indian rupee symbol in web pages using html css

By Yashwant Chavan, Views 1822, Date 09-Jun-2012

On March 5, 2009 Indian Government announced a symbol to represent Indian currency rupee. Before this symbol , the most commonly used symbols for the rupee were Rs or INR. Most of the web application using image or icon for Rupee symbol, But no need to use this.

tags css

Rupee Symbol Using Html

Official Indian currency symbol was added to Unicode at the unicode version 6.0 during October 2010.The code approved by Unicode consortium for Indian rupee symbol is: U+20B9. Once all the computers and mobile phones in the world update to latest version of Unicode, everyone will be able to use Indian rupee symbol just like $ or â?¬ symbols. WebRupee API provides a simple, cross browser method for using the Rupee symbol on webpages like other country currency codes.Refer below code

Indian Rupee Symbol using HTML and css

<HTML>
   <HEAD>
      <link rel="stylesheet" type="text/css" href="http://cdn.webrupee.com/font">
   </HEAD>
   <BODY>
      <span class="WebRupee">Rs</span> 500
   </BODY>
</HTML>

 Output

Try and execute above code yourself
Yashwant

Yashwant

Hi there! I am founder of technicalkeeda.com and programming enthusiast. My skills includes Java,J2EE, Spring Framework, Nodejs, PHP and lot more. If you have any idea that you would want me to develop? Lets connect: yashwantchavan[at][gmail.com]