在HTML

Question

我使用此代码显示卢比符号。

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

例如

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

但它在某些机器/浏览器中显示空盒而不是卢比符号。对我来说它显示得恰到好处，但有些人与我分享了屏幕截图，它是一种空的矩形框。

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

Answer 1

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

修正：

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

   ＆＃13;

   ＆＃13;

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

   ＆＃13;

   ＆＃13;
   ＆＃13;

2. 使用类似的符号：<del>&#2352;</del> =＆gt; <删除>र

3. 尝试₹ =＆gt; ₹

4. 使用图片（解决方案不好但有效）：<img src="http://i.stack.imgur.com/nGbfO.png" width="8" height="10"> =＆gt;

Answer 2

您可以通过 Intl.NumberFormat 来实现。

var number = 400000;

console.log(new Intl.NumberFormat('en-IN', {
  style: 'currency',
  currency: 'INR'
}).format(number));

或为Indian Rupee (INR)使用Icons8。

CDN

<!-- Image size: 24px -->
<img src="https://img.icons8.com/material/24/000000/rupee.png">

Base64

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADbSURBVEhL3dUxCwFxGMfxK0UGg4EsNpPZaDZaDcpoMXo13oDZC2CSGGSyMpgsJlJK+P6uri6d+rv/Y/Gtz3BX93/quZPgb3um5FzSwy5SV0IHe+igFTIwT4N20JC+bvyiHjRgFl6lLNrpt5xLetiFSdGKFuGVcfGXPNANq8qIf6YbZJG6aKdJdHgFXr0fesESWksO3ulHdIcOH8NrHZ9q4woNmaIA85o4QUPW8N59UnUcoCH6RGswr4otNOSIBswrYg4NOaMF8/KYQENu6MI8/dGMoCEPDPG3BcELTYVtU4m89QEAAAAASUVORK5CYII=">