Twitter Bootstrap图标中的货币代码或ASCII代码 [英] Currency Codes in Twitter Bootstrap Icons or ASCII Codes

问题描述

我正在twitter bootstrap中建立一个电子商务网站，我想在其中使用货币符号/图标.我必须选择其他方式，用 ascii码写货币代码，其次是通过Twitter引导程序图标，在其中我将自己的CSS创建到特定图标并嵌入其图像...

I am building a eCommerce website in twitter bootstrap, in it i want to use currency symbols/icons in it. I have to alternatives, write the currency codes in ascii codes and second is by twitter bootstrap icons where i create my own css to a specific icon and embed the image of it...

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

For the reason i want all the currency codes of all countries specifically indian rupees , what way i use for this, i think indian rupees is not in ascii codes, so i want to use icons for it but i also didnt able to find the icons or group of icons where all icons in one place, could anyone suggest me what to do?

通过使用Twitter引导程序图标，我只需添加:-

BY using twitter bootstrap icon, i have to just add:-

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

推荐答案

为此，我刚刚使用了一些工具和资产为此提供了一个很好而简单的解决方案...

For this i have just used some tools and assets to make a good and simple solution for this...

我从免费图标集中获取了用于货币的图标，并已将

Icons i have taken from Free Icon Set for currencies and used Jasny Bootstrap for some add-on features and icons to Twitter Bootstrap...

对于美元符号，我已经写了以下CSS:-

For a Dollar sign, i have written this 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>

因此，您可以添加很多简单的图标，谢谢...

So you can add easy and many icons as you can, thanks...

这篇关于Twitter Bootstrap图标中的货币代码或ASCII代码的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！