在HTML中显示空矩形框而不是卢比符号

Question

我正在使用此代码显示卢比符号.

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

例如

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

但它在某些机器/浏览器中显示空盒而不是卢比符号.对我来说它显示正常,但有些人分享我的屏幕截图,它是一种空的矩形框.

任何人都可以帮助我为什么这种不同的行为以及如何解决它？

Answer 1

有些浏览器/操作系统还不支持卢比符号₹.

修正:

1. 您可以使用支持它的CSS字体来使用该符号.

   <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
   
   <i class="fa fa-inr"></i>

2. 使用类似的符号:<del>&#2352;</del>=>र

3. 尝试₹=>₹

4. 使用图像(糟糕的解决方案,但有效):<img src="http://i.stack.imgur.com/nGbfO.png" width="8" height="10">=>