Currency Codes in Twitter Bootstrap Icons or ASCII Codes

Question

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...

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?

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...

Answer 1

I don't know a free currency sign Webfont but you can use ₹ ₹ or ₨ ₨ in HTML to display the indian ruppee sign, which should work on most modern operating systems.

You can find other currency symbols f.ex. in this PDF and decode them in HTML.

Edit: The new version 3.2.0 of Font Awesome supports now the rupee symbol.

Answer 2

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...

For a Dollar sign, i have written this css:-

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

And for all custom currency icons. i have written:-

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

Html as:-

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

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

Answer 3

Rupees are supported by standard UTF8, and all of the default font families (Ariel, Currier, Times New Roman, San Serif, etc.) Just make sure your header is UTF compliant and use "\u20b9" which should escape to your symbol.