3

我正在 twitter bootstrap 中建立一个电子商务网站,我想在其中使用货币符号/图标。我必须选择替代方案,用ascii 代码编写货币代码,其次是通过 twitter 引导图标,我在其中创建自己的 css 到特定图标并嵌入它的图像......

由于我想要所有国家的所有货币代码,特别是印度卢比,我用什么方式来做这个,我认为印度卢比不在 ascii 代码中,所以我想使用它的图标,但我也找不到图标或一组图标,所有图标都在一个地方,有人可以建议我该怎么做吗?

通过使用 twitter 引导图标,我只需添加:-

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

3 回答 3

2

我不知道免费的货币符号 Webfont,但您可以在 HTML 中使用 ₹&#8377;&#8360;₨ 来显示印度卢比符号,这应该适用于大多数现代操作系统。

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

编辑:Font Awesome 的新版本 3.2.0现在支持卢比符号

于 2013-04-09T18:34:14.450 回答
1

为此,我刚刚使用了一些工具和资产来为此制定一个良好而简单的解决方案......

我从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>

所以你可以添加简单和许多图标,谢谢...

于 2013-08-28T05:46:25.787 回答
0

标准 UTF8 支持卢比,并且所有默认字体系列(Ariel、Currier、Times New Roman、San Serif 等)只要确保您的标头符合 UTF 并使用“\u20b9”应该转义为您的符号。

于 2013-04-21T11:09:20.987 回答