Empty rectanglar box is displayed instead of the rupee symbol in HTML

Some of the browsers/OS don't support rupee symbol ₹ yet.

Fixes:

  1. You may use a CSS font which supports it to use the symbol.

    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
    
    <i class="fa fa-inr"></i>
  2. Use similar symbol: <del>&#2352;</del> =>

  3. Try &#8377; => ₹

  4. Use an image(bad solution but works): <img src="http://i.stack.imgur.com/nGbfO.png" width="8" height="10"> =>