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

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.
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