Question

我正在twitter bootstrap中建立一个电子商务网站，其中我想在其中使用货币符号/图标。我需要替代方案，在 ascii代码中写入货币代码，然后在twitter bootstrap图标中创建我自己的css到特定图标并嵌入它的图像......

因为我想要所有国家的所有货币代码特别是印度卢比，我使用什么方式，我认为印度卢比不是ascii代码，所以我想使用图标它，但我也无法找到图标或图标组，其中所有图标在一个地方，任何人都可以建议我该怎么做？

通过使用twitter bootstrap图标，我只需添加： -

<i class="icon-rupee"></i>
<i class="icon-dollar"></i>
<i class="icon-yen"></i>
<i class="icon-euro"></i>
and so on...

Answer 1

我不知道免费货币符号Webfont，但您可以在HTML中使用₹₹或₨ to来显示印度ruppee符号，该符号应该可以使用最现代的操作系统。

您可以在f.ex.找到其他货币符号。 in this PDF并以HTML格式对其进行解码。

修改 Font Awesome的新版本3.2.0现在支持rupee symbol。

Answer 2

为此，我刚刚使用了一些工具和资产来为此做出一个简单的解决方案......

我从Free Icon Set获取的各种货币图标，并使用Jasny Bootstrap添加了一些附加功能和图标Twitter Bootstrap ...

对于美元符号，我写了这个css： -

.icon-dollar {
    background-image: url("../images/cur_dollar_icon&16.png");
}

适用于所有自定义货币图标。我写了： -

.icon-bp, .icon-dollar, .icon-euro, .icon-yen, .icon-rupee {
    background-position: center center;
    height: 16px;
    position: relative;
    top: -1px;
    width: 16px;
}

Html为： -

<i class="icon-dollar"></i>

所以你可以添加简单的图标，谢谢......

Answer 3

卢比由标准UTF8和所有默认字体系列（Ariel，Currier，Times New Roman，San Serif等）支持。只需确保您的标头符合UTF并使用“\ u20b9”，它应该转义为你的象征。

Twitter引导程序图标或ASCII代码中的货币代码

3 个答案: