3

Twitter ブートストラップで e コマース Web サイトを構築しています。その中で通貨記号/アイコンを使用したいと考えています。代替手段として、通貨コードをascii コードで記述し、2 つ目は、特定のアイコンに独自の css を作成し、その画像を埋め込む twitter ブートストラップ アイコンによるものです...

すべての国のすべての通貨コード、特にインドルピーが必要な理由で、これにどのように使用するか、インドルピーはASCIIコードではないと思うので、アイコンを使用したいのですが、アイコンを見つけることができませんでしたまたは、すべてのアイコンが 1 つの場所にあるアイコンのグループです。

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

無料の通貨記号の Web フォントはわかりませんが、HTML で&#8377;₹ または&#8360;₨ を使用してインドルピー記号を表示できます。これは、ほとんどの最新のオペレーティング システムで動作するはずです。

他の通貨記号を見つけることができます。この 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 as:-

<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 に答える