代码之家  ›  专栏  ›  技术社区  ›  SaurabhLP

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

  •  3
  • SaurabhLP  · 技术社区  · 12 年前

    我正在推特引导中建立一个电子商务网站,我想在其中使用 货币符号/图标 在里面。我必须有其他选择,把货币代码写进去 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...
    
    3 回复  |  直到 12 年前
        1
  •  2
  •   Sonson123    12 年前

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

    你可以找到其他货币符号。 in this PDF 并用HTML对它们进行解码。

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

        2
  •  1
  •   SaurabhLP    11 年前

    为此,我刚刚使用了一些工具和资产来制作一个好的、简单的解决方案。。。

    我从中获取的图标 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>
    

    所以你可以添加简单多的图标,谢谢。。。

        3
  •  0
  •   Justin Alexander    12 年前

    卢比受标准UTF8和所有默认字体系列(Ariel、Currier、Times New Roman、San Serif等)的支持。只需确保您的页眉符合UTF标准,并使用“\u20b9”即可转义为您的符号。