卢比符号在显示时会转换为其他符号

Question

我的网站是使用Angular和Bootstrap构建的。我正在从API加载符号。 API有卢比符号＆＃34;₹＆＃34;。当它在浏览器上显示时，它显示为完全不同的东西。

我试图从开发者工具中检查它再次正确＆＃34;₹＆＃34;符号

<strong>₹</strong>

显示时，它会有所不同。无法弄清楚原因。有什么想法吗？

Answer 1

如果您使用过网络字体，请检查这些字体是否支持符号。您可以更改该特定标记的字体。我的建议是添加一个类并使用font-family:Arial;或确保使用支持您使用的任何符号的字体。

<strong class="currency">₹</strong>

Answer 2

您可以使用此₹ HTML 实体显示卢比图标（₹）。

<span style='font-family:Arial;'>&#8377;</span>

希望这有帮助！

Answer 3

使用₹ 它会起作用。

<strong>&#8377;</strong>

Answer 4

您可以使用Html实体

<label>&#8377; </label>

Answer 5

确保在index.html中将您的字符集指定为“UTF-8”，如下所示：

<meta charset="UTF-8">