Visualizzazione del simbolo della valuta indiana su un sito web


106

Questo simbolo per la rupia, la valuta dell'India, è stato approvato dal Gabinetto dell'Unione il 15 luglio 2010.

Simbolo di valuta indiana

Come posso visualizzarlo su un sito web?


3
Interessante. Nota, U + 20B9 è un punto di codice non assegnato in Unicode 5.2 - è stato accettato (come indica il testo) per l'inclusione in Unicode, si spera, nel prossimo futuro. Simbolo dall'aspetto accattivante. (Elenco Unicode accettato: unicode.org/alloc/Pipeline.html )
Thanatos

2
Controlla questo: Risposta completa
Ani Menon


Risposte:


96

L'entità HTML per il segno della rupia indiana è ₹(₹). Usalo come faresti ©per il segno di copyright. Per ulteriori informazioni, leggi l'articolo di Wikipedia sul segno della rupia .


4
qual è il supporto del browser di questi segni di valuta? funzionano fino a IE7?
SaurabhLP

1
Mi sono reso conto che il simbolo della rupia non compare in molti browser. Dobbiamo installare un file ttf o aggiornare il browser?
Chirag

1
Veramente utile per me !! +1
imdadhusen

42

Se stai usando icone fantastiche dei caratteri , puoi usare questo:

Per importare font-awesome:

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

Uso:

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

mostrerà come:

Imgur


1
È meglio anche se il computer non ha il carattere
RN Kushwaha

basta usare <i class = "fa fa-inr"> </i> 400.00 riga è sufficiente
Aditi K

1
grazie per questo l'unicode della valuta si è schiantato in uno dei 5 pc l'ho registrato ma questo è stato un salvavita.
mindmyweb

la migliore risposta fino ad ora, lavorando anche su qualsiasi tema di bootstrap.
ankit suthar

19

WebRupee è un'API web per il simbolo della valuta indiana. Fornisce un metodo semplice e cross browser per utilizzare il simbolo Rrupee sulla tua pagina web, blog o ovunque sul web.

Ecco un metodo per stampare il simbolo della valuta indiana:

<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

Ciò significa che se qualcuno copia del testo dal tuo sito e lo incolla da qualche altra parte, vedrà Rs e non qualche altro carattere vuoto.

Ora puoi anche usare il nuovo simbolo Unicode della rupia: U + 20B9 SEGNO RUPE INDIANA. Può essere utilizzato in questo modo:

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

Basta includere il seguente script e aggiornerà tutte le "Rs" / "Rs". per te:

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

1
non stiamo parlando del nuovo simbolo della rupia?
ankitjaininfo

2
e vedo che questo non funziona sul mio FF 3.6 i.imgur.com/V8fnG.png vai a risolverlo.
ankitjaininfo

@Ankit yu incollando l'immagine ?? L'ho assaggiato .. starai facendo qualche errore
diEcho

Questo non funzionerà in Mozilla perché per qualche strano motivo di "sicurezza", hanno deciso di mostrare solo i caratteri che provengono dallo stesso dominio.
PKHunter

1
webrupee.com non esiste più.
Vicky Chijwani

16

Usa questo 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;
}

Dichiaralo dove richiesto in questo modo:

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

16

Prova la seguente soluzione:

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

Questo verrà visualizzato come: ₹


11

Ci vorrà più di un anno (o due) per l'accettazione universale.

  1. Il consorzio Unicode approva il codice char.
  2. I caratteri vengono aggiornati per includere questo simbolo
  3. I browser / sistema operativo vengono aggiornati per includere nuovi caratteri e solo allora è visibile su ogni browser sulla terra.

La creazione di caratteri personalizzati utilizzando una base di codice arbitraria e incorporandoli (con forza) in ogni pagina Web è sconsigliata per il sito Web. (per le applicazioni desktop potrebbe essere accettabile). Sebbene la tua soluzione possa essere accettabile; Non consiglierei solo per il bene di un simbolo! Il caricamento di un file di font rallenta le pagine web.

Per il momento si consiglia di utilizzare set di icone per il simbolo della rupia. Prepara un set di icone con dimensioni 12x8, 16x12, 32x32 che puoi incorporare in linea utilizzando il <img>tag.

Ad esempio 5000 / - (ho appena ridimensionato l'immagine; avrebbe dovuto essere ricampionato per una data dimensione per ottenere risultati migliori)

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

Nota: questo è ciò che fa Wikipedia. utilizza file png / svg . Controlla qui la casella delle informazioni.


1
yah .. i miei amici mi hanno votato e ho ottenuto un punteggio di 1.402! anche tu vai e fai frnds su SO invece che su FB. Quello che ho descritto qui è la cosa migliore da fare piuttosto. C'è un modo HTML se puoi leggere nella mia risposta. Creating custom fonts by using arbitrary code-base and (forcefully) embedding them in web-pages is highly discouraged for Website.Ma ciò non può garantire che la tua pagina venga visualizzata su tutti i browser web; anche questo non è necessario quando puoi avere IMG! Non ha senso usare BIG FONT FILE per un solo simbolo. Vuoi una grafica scalabile: scegli SVG!
ankitjaininfo

5
dalle revisioni di questa domanda, sembra che tu volessi solo promuovere il tuoWebRupee
ankitjaininfo

e ora vedo che hanno persino una pagina Wiki ( en.wikipedia.org/w/index.php?title=Webrupee&action=history ) creata pochi giorni fa. marketing virale. sebbene la tua soluzione sia accettabile. ma non consiglierei solo per il bene di un simbolo! preferisco IMG.
ankitjaininfo

@Ankit: pensi davvero che usare l'immagine sia un'alternativa migliore?
Rakesh Juyal

@ Rakesh Puoi elencare i vantaggi che ottieni con un simbolo di carattere? sia per macchine che per esseri umani! Per gli esseri umani avere un'immagine rispetto al carattere non fa differenza. Per le macchine con immagine significa meno elaborazione, meno larghezza di banda, rendering della pagina web più veloce. (questo argomento è valido a meno che i FONT con Rs non siano disponibili in ogni sistema operativo!)
ankitjaininfo



5

usa questo nuovo carattere unicode: &#x20b9;


3

Puoi farlo con l' API nativa Intl.NumberFormat .

var number = 123456.78;

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


1

Anche l'approccio all'immagine non è male. Non ci vogliono quasi 400 byte.
Scarica da qui http://i.stack.imgur.com/vJZ9m.png

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

Beh, l'ho trovato migliore di Webrupee.

Per i colori modificare l'immagine come di seguito

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

0

Questo può essere cercato di una soluzione temporanea. Unicode ha accettato U+20B9come simbolo della rupia indiana presto tutti i sistemi si aggiorneranno


6
Penso che "presto" sia un po 'ottimista, visto che sono i caratteri che devono essere aggiornati. Ci vorrà un po 'di tempo.
Pekka

0

API WebRupee disponibile qui:

<script src="http://cdn.jagansindia.in/webrupee" type="text/javascript"></script>

Puoi anche leggere tutti i dettagli qui


0

JQUERY INR v1.2

Un semplice plug-in jQuery per convertire Rs. al simbolo della rupia indiana standard attraverso la pagina web. Semplice da usare e semplice instillazione

Il segno della rupia indiana è il segno della valuta: ₹ per la rupia indiana, la valuta ufficiale dell'India. Progettato da D. Udaya Kumar, è stato presentato al pubblico dal governo indiano il 15 luglio 2010, [1] a seguito della sua selezione attraverso un concorso “aperto” tra i residenti indiani. Prima della sua adozione, i simboli più comunemente usati per la rupia erano Rs, Re o, se il testo era in una lingua indiana, un'abbreviazione appropriata in quella lingua. Il nuovo segno si riferisce esclusivamente alla rupia indiana; altri paesi che usano una rupia, come lo Sri Lanka, il Pakistan e il Nepal, usano ancora il carattere generico U + 20A8 ₨ rupia. Il design ricorda sia la lettera devanagari "र" (ra) che la lettera maiuscola latina "R", con una doppia linea orizzontale in alto.

instillazione:

  1. Scarica "jQueryINR_v1.2.zip" ed estrai.
  2. copia le immagini ("rupee.svg, rupee.gif") nella cartella delle immagini.
  3. far fronte alla cartella degli script nel percorso del progetto oppure copiare i file .js nella cartella degli script.
  4. Scarica "jQueryINR_v1.2.zip" ed estrai.
  5. copia le immagini ("rupee.svg, rupee.gif") nella cartella delle immagini.
  6. far fronte alla cartella degli script nel percorso del progetto oppure copiare i file .js nella cartella degli script.
  7. Includi prima jQuery min e jQuery Ui nella tua pagina

    es: NB: usa solo la versione stabile di jQuery

  8. includere "indianRupee_v1.2.js" e "indianRupee_ctrl.js" dopo la libreria jQuery, ad esempio:

  9. Usa il tag Span per avvolgere Rs attraverso il web che verrà sostituito con il simbolo, ad esempio: Rs 1280000 / -

Fonte:

Pagalo Rs 1280000 / -

Pagalo Rs 528500 / -

Pagalo Rs 1250 / -

Pagalo Rs 1280000 / -

Risultato:

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

Opzioni plug-in:

$ ("body"). indianRupee ({target: "span", // usa come predefinito possiamo anche usare [p, div, h1, li ecc ...] vector: "on" // [on / off] di [vero / falso] NB: {vettore non supportato in Internet Explorer}});


0

È possibile con un semplice codice entità 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

il modo migliore per copiare il simbolo ₹ e incollarlo.


c'è un riferimento simbolico html per questo però?
Nelles
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.