Devesh Agrawal Devesh Agrawal - 1 year ago 116
AngularJS Question

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

I am using this code to display rupee symbol.

&#x20B9 ; // semicolon is just after 9.

for example

<td> &#x20B9;{{ od.quantity * od.product_sell_price | currency:""}}</td>

But it is displaying empty box instead of rupee symbol in some machines/browsers. For me it is displaying proper but some people shared me screen shot where it is a kind of empty rectangle box.

Can anyone help me why is that different behavior and how to fix it?

Answer Source

Some of the browsers/OS don't support rupee symbol &#x20B9; yet.


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

    <link rel="stylesheet" href="//">
    <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="" width="8" height="10"> =>

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download