ウェブサイトにインドの通貨記号を表示する


106

インドの通貨であるルピーのこの記号は、2010年7月15日に連合内閣によって承認されました。

インドの通貨記号

どうすればウェブサイトに表示できますか?


3
面白い。U + 20B9はUnicode 5.2の未割り当てのコードポイントであることに注意してください。近い将来、Unicodeへの組み込みが(テキストで示されているように)受け入れられるようになります。格好良いシンボル。(Unicode承認リスト:unicode.org/alloc/Pipeline.html
Thanatos

2
これを確認してください:包括的な回答
Ani Menon


回答:


96

インドルピー記号のHTMLエンティティは₹(₹)です。©著作権記号と同じように使用します。詳しくは、ウィキペディアのルピー記号に関する記事をご覧ください


4
これらの通貨記号のブラウザーサポートはどうですか?IE7まで機能しますか?
SaurabhLP 2013

1
一部のブラウザではルピー記号が表示されないことに気づきました。TTFファイルをインストールしたり、ブラウザを更新したりする必要がありますか?
Chirag

1
私にとって本当に便利です!+1
imdadhusen 2013

42

あなたが使用している場合は、フォント素晴らしいアイコンを、あなたはこれを使用することができます:

font-awesomeをインポートするには:

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

使用法:

Current Price: <i class="fa fa-inr"></i> 400.00

次のように表示されます:

イムガー


1
コンピュータにフォントがなくても最高です
RN Kushwaha

<i class = "fa fa-inr"> </ i>を使用するだけで、400.00行で十分です
Aditi K

1
このおかげで、通貨のunicodeはチェックインした5個のPCの1つでクラッシュしましたが、これは命の恩人でした。
mindmyweb 2015

これまでのベストアンサーであり、ブートストラップテーマにも取り組んでいます。
ankit suthar 2017年

19

WebRupeeは、インドの通貨記号用のWeb APIです。それはあなたのウェブページ、ブログまたはウェブ上のどこにでもルピー記号を使用するためのシンプルなクロスブラウザの方法を提供します。

インドの通貨記号を印刷する方法は次のとおりです。

<html>
<head>
    <link rel="stylesheet" type="text/css" href="http://cdn.webrupee.com/font">
    <script src=http://cdn.webrupee.com/js type=”text/javascript”></script>
</head>
<body>
    Rupee Symbol: <span class="WebRupee">Rs.</span> 200

つまり、誰かがサイトからテキストをコピーして別の場所に貼り付けた場合、Rsが表示され、他の文字や空白文字は表示されません。

新しいルピーユニコードシンボル— U + 20B9インドルピー記号も使用できるようになりました。次のように使用できます。

<span class="WebRupee">&#x20B9;</span> 500

次のスクリプトを含めるだけで、すべての「R」/「R」が更新されます。あなたのために:

<script src="http://cdn.webrupee.com/js" type="text/javascript"></script>

1
新しいルピーのシンボルについて話していませんか?
ankitjaininfo 2010

2
私のFF 3.6 ではこれが機能しないことがわかりました。i.imgur.com/ V8fnG.png修正してください。
ankitjaininfo 2010

@あんきゅう貼り付け画像?? 私はそれを味わった..uはいくつかの間違いをしているにちがいない
diEcho

奇妙な「セキュリティ」の理由で、同じドメインのフォントのみを表示するように決定したため、これはMozillaでは機能しません。
PKHunter 2013

1
webrupee.comはもう存在しません。
Vicky Chijwani 2017年

16

このCSSを使用します。

@font-face {
    font-family: 'rupee';
    src: url('rupee_foradian-1-webfont.eot');
    src: local('☺'), url(data:font/truetype;charset=utf-8;base64,AAEAAAANAIAAAwBQRkZUTVen5G0AAADcAAAAHEdERUYAQAAEAAAA+AAAACBPUy8yRQixzQAAARgAAABgY21hcGmyCE0AAAF4AAABamdhc3D//wADAAAC5AAAAAhnbHlmmuFTtAAAAuwAABAoaGVhZPOmAG0AABMUAAAANmhoZWELSAQOAAATTAAAACRobXR4KSwAAAAAE3AAAABMbG9jYUCgSLQAABO8AAAAKG1heHAAFQP+AAAT5AAAACBuYW1lWObwcQAAFAQAAAIDcG9zdCuGzNQAABYIAAAAuAAAAAEAAAAAxtQumQAAAADIadrpAAAAAMhp2uoAAQAAAA4AAAAYAAAAAAACAAEAAQASAAEABAAAAAIAAAADAigBkAAFAAgFmgUzAAABGwWaBTMAAAPRAGYCEgAAAgAFAAAAAAAAAIAAAKdQAABKAAAAAAAAAABITCAgAEAAICBfBZr+ZgDNBrQBoiAAARFBAAAAAAAFnAAAACAAAQAAAAMAAAADAAAAHAABAAAAAABkAAMAAQAAABwABABIAAAADgAIAAIABgAgAFIAoCAKIC8gX///AAAAIABSAKAgACAvIF/////j/7L/ZeAG3+LfswABAAAAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB//8AAgABAAAAAAO0BZwD/QAAATMVMzUhFTMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVIxUjNSMVIzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNSE1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1ITUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNSECTBAYATwEBAQEBAQEBAQEBAQEBAQEBAQEBAQQ2AQEBAQEBAQEBAQEBAQEBAT0BAQEBAQEBAQEBAQEBAQEBAQEBAQECJwEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAgEBAQECAQECAQIBAgECAgECAwICAgMCAwMEAwQFBAcHBAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBIAcMAwEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEsCAcEBAMDAwICAgICAgECAQIBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAT9/AQEBAQEBAQEBAQEBAQEBAQEBAQECAGYBAQEBAQEBAQEBAQEBAgECAQIBAwICAwIEBAYFCjwBAQEBAQEBAQEBAQEBAQEBAQEBAQECAH0BZwEBAQIBAgIBAgECAQIBAgIBAgECAQIBAQEDAgECAQIBAgECAwICAwQEAQEBAgECAQICAQIBAgECAgECAQICAQEBAgQEBAMDAgIDAQICAQICAQEBAgEBAgEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBBAECAQEBAgEBAgEBAQECAQECAQEBAgEBAQIBAQIBAQEBAQIBAgEBAgEBAQIBAQECAQEBAgEBAQIBAQEBAQIBAQIBAQECAQEBAgEBAgEBAQEBAgEBAgEBAgEBAQEBAgEBAgEBAQECAQECAQEBAgEBAQECAQECAQECAQEBAQIBAQEBAgEBAQEBAQECAQEBAQIBAQECAQEBAgEBAQIBAQECAQECAQEBAgECAQEBAgEBAQIBAQIBAQEBAgEBAgEBAgEBAQECAQECAQEBAQIBAQECAQECAQEBAQIBAQIBAQEBAQIBAQECAQEBAgEBAgEBAQEBAQIBAQECAQEBAQIBAQECAQEBAQEBAgIeAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAQECAQICAgIDAwIHBQMCAQICAQIBAgECAQICAQIBAgEBAQEDAgIBAgEBAgEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAgECAQIBAgECAQIBAgECAQICAQEBAQAAAAAAQAAAAADtAWcA/0AAAEzFTM1IRUzFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUjFSMVIxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFTMVMxUzFSMVIzUjFSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUhNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNSE1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUjNSM1IzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUzNTM1MzUhAkwQGAE8BAQEBAQEBAQEBAQEBAQEBAQEBAQEENgEBAQEBAQEBAQEBAQEBAQE9AQEBAQEBAQEBAQEBAQEBAQEBAQEBAicBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQIBAQEBAgEBAgECAQIBAgIBAgMCAgIDAgMDBAMEBQQHBwQBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBASAHDAMBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBLAgHBAQDAwMCAgICAgIBAgECAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQE/fwEBAQEBAQEBAQEBAQEBAQEBAQEBAgBmAQEBAQEBAQEBAQEBAQIBAgECAQMCAgMCBAQGBQo8AQEBAQEBAQEBAQEBAQEBAQEBAQEBAgB9AWcBAQECAQICAQIBAgECAQICAQIBAgECAQEBAwIBAgECAQIBAgMCAgMEBAEBAQIBAgECAgECAQIBAgIBAgECAgEBAQIEBAQDAwICAwECAgECAgEBAQIBAQIBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQQBAgEBAQIBAQIBAQEBAgEBAgEBAQIBAQECAQECAQEBAQECAQIBAQIBAQECAQEBAgEBAQIBAQECAQEBAQECAQECAQEBAgEBAQIBAQIBAQEBAQIBAQIBAQIBAQEBAQIBAQIBAQEBAgEBAgEBAQIBAQEBAgEBAgEBAgEBAQECAQEBAQIBAQEBAQEBAgEBAQECAQEBAgEBAQIBAQECAQEBAgEBAgEBAQIBAgEBAQIBAQECAQECAQEBAQIBAQIBAQIBAQEBAgEBAgEBAQECAQEBAgEBAgEBAQECAQECAQEBAQECAQEBAgEBAQIBAQIBAQEBAQECAQEBAgEBAQECAQEBAgEBAQEBAQICHgEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAgEBAgECAgICAwMCBwUDAgECAgECAQIBAgECAgECAQIBAQEBAwICAQIBAQIBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQIBAgECAQIBAgECAQIBAgECAgEBAQEAAAAAAEAAAABAACTKPMBXw889QALCAAAAAAAyGna6gAAAADIadrqAAAAAAO0BZwAAAAIAAIAAAAAAAAAAQAABrT+XgDeBZwAAAAAA7QAAQAAAAAAAAAAAAAAAAAAABMD9gAAAAAAAAKqAAAB/AAAA/YAAAH8AAACzgAABZwAAALOAAAFnAAAAd4AAAFnAAAA7wAAAO8AAACzAAABHwAAAE8AAAEfAAABZwAAAAAECgQKBAoECggUCBQIFAgUCBQIFAgUCBQIFAgUCBQIFAgUCBQIFAABAAAAEwP+AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACgB+AAEAAAAAABMABQAAAAMAAQQJAAAAaAAFAAMAAQQJAAEACgBtAAMAAQQJAAIADgB3AAMAAQQJAAMADgCFAAMAAQQJAAQAGgCTAAMAAQQJAAUAVgCtAAMAAQQJAAYACgEDAAMAAQQJABMACgENAAMAAQQJAMgAbgEXUnVwZWUAVAB5AHAAZQBmAGEAYwBlACAAqQAgACgAeQBvAHUAcgAgAGMAbwBtAHAAYQBuAHkAKQAuACAAMgAwADEAMAAuACAAQQBsAGwAIABSAGkAZwBoAHQAcwAgAFIAZQBzAGUAcgB2AGUAZABSAHUAcABlAGUAUgBlAGcAdQBsAGEAcgB3AGUAYgBmAG8AbgB0AFIAdQBwAGUAZQAgAFIAZQBnAHUAbABhAHIAVgBlAHIAcwBpAG8AbgAgADEALgAwADAAIABKAHUAbAB5ACAAMQA1ACwAIAAyADAAMQAwACwAIABpAG4AaQB0AGkAYQBsACAAcgBlAGwAZQBhAHMAZQBSAHUAcABlAGUAUgB1AHAAZQBlAFQAaABpAHMAIABmAG8AbgB0ACAAdwBhAHMAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHQAaABlACAARgBvAG4AdAAgAFMAcQB1AGkAcgByAGUAbAAgAEcAZQBuAGUAcgBhAHQAbwByAC4AAAIAAAAAAAD/JwCWAAAAAAAAAAAAAAAAAAAAAAAAAAAAEwAAAAEAAgADADUBAgEDAQQBBQEGAQcBCAEJAQoBCwEMAQ0BDgEPB3VuaTAwQTAHdW5pMjAwMAd1bmkyMDAxB3VuaTIwMDIHdW5pMjAwMwd1bmkyMDA0B3VuaTIwMDUHdW5pMjAwNgd1bmkyMDA3B3VuaTIwMDgHdW5pMjAwOQd1bmkyMDBBB3VuaTIwMkYHdW5pMjA1Rg==)
    format('truetype');
    font-weight: normal;
    font-style: normal;
}

次のように、必要に応じて宣言します。

<span style="font-family:rupee;font-size:20px">R</span>

16

次の解決策を試してください:

<span style='font-family:Arial;'>&#8377;</span>

これは次のように表示されます:₹


11

世界的に受け入れられるまでには1年(または2年)以上かかります。

  1. Unicodeコンソーシアムは文字コードを承認します。
  2. フォントはこの記号を含むように更新されます
  3. ブラウザー/ OSは新しいフォントを含むように更新され、地球上のすべてのブラウザーでそれだけが表示されます。

任意のコードベースを使用してカスタムフォントを作成し、(強制的に)すべてのWebページにそれらを埋め込むことは、Webサイトでは推奨されません。(デスクトップアプリケーションの場合は許容される場合があります)。あなたの解決策は受け入れられるかもしれませんが; たった一つのシンボルのためだけにアドバイスはしません!フォントファイルを読み込むと、Webページが遅くなります。

そろそろルピー記号にアイコンセットを使うことをお勧めします。<img>タグを使用してインラインで組み込むことができる、サイズが12x8、16x12、32x32のアイコンのセットを準備します。

例:5000 /-(画像のサイズを変更しただけです。より良い結果を得るためには、指定されたサイズに合わせて再サンプリングされている必要があります)

<img src="http://i.stack.imgur.com/nGbfO.png" width="8" height="10">

注:これはウィキペディアが行うことです。png / svgファイルを使用します。こちらの情報ボックスを確認してください。


1
ええと。私の友達は私に賛成し、1,402点を獲得しました。uも行き、FBではなくSOでfrndsを作成します。ここで私が説明したのは、やるべきことです。私の答えを読むことができれば、HTMLの方法があります。Creating custom fonts by using arbitrary code-base and (forcefully) embedding them in web-pages is highly discouraged for Website.しかし、それはあなたのページがすべてのウェブブラウザで表示されることを保証することはできません。IMGを持つことができれば、それは不要です!1つのシンボルだけにBIG FONT FILEを使用しても意味がありません。スケーラブルなグラフィックが必要な場合-SVGを選択してください!
ankitjaininfo 2010

5
この質問の改訂から、あなただけを宣伝したかったようですWebRupee
ankitjaininfo 2010

そして今、彼らは数日前に作成されたWikiページ(en.wikipedia.org/w/index.php?title=Webrupee&action=history)さえ持っているのを見ています。バイラルマーケティング。あなたの解決策は受け入れられますが。しかし、私は1つのシンボルのためだけにアドバイスはしません!IMGを優先します。
ankitjaininfo 2010

@Ankit:あなたは本当に画像を使う方が良い代替案だと思いますか?
Rakesh Juyal

@Rakeshフォントシンボルで得られるメリットをリストアップできますか?機械と人間の両方に!画像とフォントを持っている人間にとっては違いはありません。画像を持つマシンの場合、コンピューティングが少なく、帯域幅が少なく、Webページのレンダリングが高速になります。(この引数は、R付きのFONTSがすべてのOSで利用可能でない限り有効です!)
ankitjaininfo



5

この新しいユニコード文字を使用してください: &#x20b9;


3

Intl.NumberFormatネイティブAPIでそれを行うことができます。

var number = 123456.78;

// India uses thousands/lakh/crore separators
console.log(new Intl.NumberFormat('en-IN', {
  style: 'currency',
  currency: 'INR'
}).format(number));


1

画像アプローチも悪くありません。400バイトはほとんどかかりません。
ここからダウンロードhttp://i.stack.imgur.com/vJZ9m.png

<span class="rupee"></span>

まあ私はそれがwebrupeeよりも良いと思った。

色については以下のように画像を編集してください

    .rupee{
    background-position:left;
    width: 10px; 
    height: 14px;
    background-image: url('rupee.png');
    display:block; 
    background-repeat: no-repeat;
}

0

これは一時的な解決策を模索することができます。UnicodeがU+20B9インドのルピー記号として受け入れられました。間もなくすべてのシステムが更新されます。


6
「すぐに」は、フォントを更新する必要があるため、少し楽観的だと思います。これにはしばらく時間がかかります。
ペッカ


0

JQUERY INR v1.2

Rsを変換するための単純なjQueryプラグイン。ウェブページ全体で標準的なインドルピーのシンボルに。使いやすくシンプルな点眼

インドルピー記号は通貨記号です。インドの公式通貨であるインドルピーの場合は₹。D.ウダヤクマールによって設計され、2010年7月15日にインド政府によって一般に公開されました[1]。採用前は、ルピーで最も一般的に使用されていた記号はRs、Re、またはテキストがインドの言語の場合はその言語の適切な略語でした。新しい標識はインドルピーにのみ関連しています。スリランカ、パキスタン、ネパールなど、ルピーを使用する他の国では、一般的なU + 20A8₨ルピー記号文字を使用しています。デザインは、デバナーガリ文字の「र」(ra)とラテン語の大文字の「R」の両方に似ており、上部に2本の横線が引かれています。

点眼:

  1. 「jQueryINR_v1.2.zip」をダウンロードして解凍します。
  2. 画像(「rupee.svg、rupee.gif」)を画像フォルダにコピーします。
  3. スクリプトフォルダーをプロジェクトパスにコピーするか、.jsファイルをスクリプトフォルダーにコピーします。
  4. 「jQueryINR_v1.2.zip」をダウンロードして解凍します。
  5. 画像(「rupee.svg、rupee.gif」)を画像フォルダにコピーします。
  6. スクリプトフォルダーをプロジェクトパスにコピーするか、.jsファイルをスクリプトフォルダーにコピーします。
  7. 最初にページにjQuery minとjQuery Uiを含めます

    例:NB:jQuery安定版のみを使用

  8. jQueryライブラリの後に「indianRupee_v1.2.js」と「indianRupee_ctrl.js」を含めます。例:

  9. スパンタグを使用して、Rsをシンボルに置き換えるWeb全体をラップします。例:Rs 1280000 /-

ソース:

彼にRs 1280000を支払う/-

彼に支払うRs 528500 /-

彼に支払うRs 1250 /-

彼にRs 1280000を支払う/-

結果:

   http://romy.theqtl.com/rupeePlugin/

プラグインオプション:

$( "body")。indianRupee({targets: "span"、//デフォルトとして使用[p、div、h1、liなど...] vector: "on" // [on / off] of [true / false] NB:{ベクトルはInternet Explorerではサポートされていません});


0

シンプルなHTMLエンティティコードで可能です。

.ex{
color:green;
font-size:20px;
}
Example 1 : <span class="ex">&#x20b9;1200/-</span><br>
Example 2 : <span class="ex">&#8377;3545/-</span><br>
Example 3 : <span class="ex">&#2352;134/-</span> *Is not the exact Rupee symbol


0

best記号をコピーして貼り付けてください。


それのためのhtmlシンボリックリファレンスはありますか?
Nelles
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.