2013-04-09 40 views
3

我在twitter引导中构建电子商务网站,在其中我想使用货币符号/图标。我必须选择,在ASCII码和第二是在那里我创造我自己的CSS到一个特定的图标,并嵌入它的形象Twitter的引导图标写的货币代码...Twitter中的货币代码引导程序图标或ASCII代码

因为我希望所有的理由所有国家的货币代码专门印度卢比,有什么办法我用这个,我觉得印度卢比不是ASCII码,所以我想用它的图标,但我也didnt能找到的图标图标或组在一个地方的所有图标,谁能告诉我该怎么做?

通过使用Twitter的引导图标,我不得不只需添加: -

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

回答

1

为此,我刚才使用的一些工具和资产,以弥补这方面一个很好的和简单的解决方案...

图标我从Free Icon Set采取货币和一些附加功能和图标使用Jasny BootstrapTwitter 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> 

所以,你可以在回复中轻松许多图标,就可以了,谢谢...

1

我不知道免费货币符号web字体,但你可以使用&#8377; ₹或&#8360; ₨在HTML显示印度卢比标志,它应该适用于大多数现代操作系统。

你可以找到其他货币符号f.ex. in this PDF并以HTML解码。

编辑: 新版本的Font Awesome 3.2.0现在支持rupee symbol

+0

,谢谢,我我不知道,写ASCII代码可能是一个完美的解决方案,我们可以使用图标代替,其中从我得到的所有的货币图标? – SaurabhLP 2013-04-10 04:36:38

+0

为什么选择投票?我宁愿在Unicode中使用货币代码而不是图标,因为它更易于访问。它对你有什么坏处? – Sonson123 2013-04-11 11:03:52

+0

我downvote背后的主要原因是浏览器的支持,可能是所有的ASCII币种代码didnt在所有的浏览器...我特别谈到IE浏览器... – SaurabhLP 2013-04-12 05:13:35

0

卢比支持标准的UTF8,以及所有的默认字体系列(Ariel,Currier,Times New Roman,San Serif等)。只要确保你的头文件符合UTFx并使用“\ u20b9”你的符号。