Affichage du symbole de la monnaie indienne sur un site Web


106

Ce symbole de la roupie, la monnaie de l'Inde, a été approuvé par le Cabinet de l'Union le 15 juillet 2010.

Symbole de la monnaie indienne

Comment puis-je l'afficher sur un site Web?


3
Intéressant. Remarque, U + 20B9 est un point de code non attribué dans Unicode 5.2 - il a été accepté (comme le texte l'indique) pour inclusion dans Unicode, espérons-le dans un proche avenir. Symbole à la recherche cool. (Liste acceptée Unicode: unicode.org/alloc/Pipeline.html )
Thanatos

2
Vérifiez ceci: Réponse complète
Ani Menon


Réponses:


96

L'entité HTML du signe de la roupie indienne est ₹(₹). Utilisez-le comme vous le feriez ©pour le signe du droit d'auteur. Pour en savoir plus, lisez l'article de Wikipedia sur le signe de la roupie .


4
quel est le support du navigateur de ces signes monétaires? fonctionnent-ils jusqu'à IE7?
SaurabhLP

1
J'ai réalisé que le symbole de la roupie n'apparaît pas dans plusieurs navigateurs. Avons-nous besoin d'installer un fichier ttf ou de mettre à jour le navigateur?
Chirag le

1
Vraiment utile pour moi !! +1
imdadhusen

42

Si vous utilisez des icônes de polices géniales , vous pouvez utiliser ceci:

Pour importer font-awesome:

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

Usage:

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

apparaîtra comme:

Imgur


1
Son meilleur même si l'ordinateur n'a pas de police
RN Kushwaha

il suffit d'utiliser <i class = "fa fa-inr"> </i> ligne 400,00 c'est suffisant
Aditi K

1
merci pour cela, la devise unicode s'est écrasée dans l'un des 5 pc que je l'ai enregistré, mais c'était une bouée de sauvetage.
mindmyweb

la meilleure réponse jusqu'à présent, travaillant également sur n'importe quel thème de bootstrap.
ankit suthar

19

WebRupee est une API Web pour le symbole monétaire indien. Il fournit une méthode simple et multi-navigateurs pour utiliser le symbole Rrupee sur votre page Web, votre blog ou n'importe où sur le Web.

Voici une méthode pour imprimer le symbole de la devise indienne:

<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

Cela signifie que si quelqu'un copie le texte de votre site et le colle ailleurs, il verra Rs et non un autre caractère ou un caractère vide.

Vous pouvez désormais également utiliser le nouveau symbole unicode Rupee - U + 20B9 INDIAN RUPEE SIGN. Il peut être utilisé de cette manière:

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

Incluez simplement le script suivant et il mettra à jour tous les "Rs" / "Rs". pour vous:

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

1
ne parlons-nous pas du nouveau symbole de la roupie?
ankitjaininfo

2
et je vois que cela ne fonctionne pas sur mon FF 3.6 i.imgur.com/V8fnG.png allez le réparer.
ankitjaininfo

@Ankit yu coller l'image ?? je l'ai goûté ... vous devez faire une erreur
diEcho

Cela ne fonctionnera pas dans Mozilla car pour une raison étrange de "sécurité", ils ont décidé de n'afficher que les polices qui appartiennent au même domaine.
PKHunter

1
webrupee.com n'existe plus.
Vicky Chijwani

16

Utilisez ce 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;
}

Déclarez-le partout où cela est nécessaire comme ceci:

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

16

Veuillez essayer la solution suivante:

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

Cela sera affiché comme: ₹


11

Il faudra plus d'un an (ou deux) pour l'acceptation universelle.

  1. Le consortium Unicode approuve le char-code.
  2. Les polices sont mises à jour pour inclure ce symbole
  3. Les navigateurs / OS sont mis à jour pour inclure de nouvelles polices et alors seulement il est visible sur tous les navigateurs sur terre.

La création de polices personnalisées en utilisant une base de code arbitraire et en les intégrant (avec force) dans toutes les pages Web est déconseillée pour le site Web. (pour les applications de bureau, cela peut être acceptable). Bien que votre solution puisse être acceptable; Je ne conseillerais pas juste pour un symbole! Le chargement d'un fichier de police ralentit les pages Web.

Au moment où il est conseillé d'utiliser des jeux d' icônes pour le symbole de la roupie. Préparez un ensemble d'icônes de tailles 12x8, 16x12, 32x32 que vous pouvez incorporer en ligne à l'aide<img> balises.

Par exemple 5000 / - (je viens de redimensionner l'image; elle aurait dû être rééchantillonnée pour une taille donnée pour de meilleurs résultats)

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

Remarque: c'est ce que fait Wikipedia. il utilise un fichier png / svg . Consultez l' infobox ici.


1
yah .. mes frnds m'ont voté et j'ai obtenu un score de 1 402! U aussi allez et faites des frnds sur SO au lieu de FB. Ce que j'ai décrit ici est la meilleure chose à faire. Il existe un moyen HTML si vous pouvez lire ma réponse. Creating custom fonts by using arbitrary code-base and (forcefully) embedding them in web-pages is highly discouraged for Website.Mais cela ne peut garantir que votre page s'affichera sur tous les navigateurs Web; même c'est inutile quand vous pouvez avoir IMG! Il n'est pas logique d'utiliser BIG FONT FILE pour un seul symbole. Vous voulez un graphique évolutif - choisissez SVG!
ankitjaininfo

5
à partir des révisions de cette suppression, il semble que vous vouliez simplement promouvoir votreWebRupee
ankitjaininfo

et maintenant je vois qu'ils ont même créé une page Wiki ( en.wikipedia.org/w/index.php?title=Webrupee&action=history ) il y a quelques jours. marketing viral. bien que votre solution soit acceptable. mais je ne conseillerais pas juste pour un symbole! préfère IMG.
ankitjaininfo

@Ankit: pensez-vous vraiment qu'utiliser l'image est une meilleure alternative?
Rakesh Juyal le

@Rakesh Pouvez-vous énumérer les avantages que vous obtenez avec un symbole de police? pour les machines et les humains à la fois! Pour les humains, avoir une image ou une police ne fait aucune différence. Pour les machines ayant une image, cela signifie moins de calcul, moins de bande passante, un rendu de page Web plus rapide. (cet argument est valide sauf si les POLICES avec Rs sont disponibles dans tous les OS!)
ankitjaininfo



5

utilisez ce nouveau caractère unicode: &#x20b9;


3

Vous pouvez le faire avec l' API native 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

L'approche de l'image n'est pas mauvaise non plus. Cela prend à peine 400 octets.
Téléchargez ici http://i.stack.imgur.com/vJZ9m.png

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

Eh bien, je l'ai trouvé mieux que webrupee.

Pour les couleurs, modifiez l'image comme ci-dessous

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

0

Cela peut être recherché d'une solution temporaire. Unicode a accepté U+20B9comme symbole de la roupie indienne bientôt tous les systèmes se mettront à jour


6
Je pense que "bientôt" est un peu optimiste, vu que ce sont les polices qui doivent être mises à jour. Cela va prendre du temps.
Pekka

0

API WebRupee disponible ici:

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

Vous pouvez également lire tous les détails ici


0

JQUERY INR v1.2

Un simple plug-in jQuery pour convertir Rs. au symbole standard de la roupie indienne sur la page Web. Simple à utiliser et instillation simple

Le signe de la roupie indienne est le signe de la monnaie: ₹ pour la roupie indienne, la monnaie officielle de l'Inde. Conçu par D. Udaya Kumar, il a été présenté au public par le gouvernement indien le 15 juillet 2010, [1] suite à sa sélection dans le cadre d'un concours «ouvert» entre résidents indiens. Avant son adoption, les symboles les plus couramment utilisés pour la roupie étaient Rs, Re ou, si le texte était dans une langue indienne, une abréviation appropriée dans cette langue. Le nouveau signe concerne uniquement la roupie indienne; d'autres pays qui utilisent une roupie, comme le Sri Lanka, le Pakistan et le Népal, utilisent toujours le caractère générique de signe de roupie U + 20A8 ₨. Le dessin ressemble à la fois à la lettre devanagari "र" (ra) et à la lettre majuscule latine "R", avec une double ligne horizontale en haut.

Instillation:

  1. Téléchargez le «jQueryINR_v1.2.zip» et extrayez-le.
  2. copiez les images («rupee.svg, rupee.gif») dans votre dossier images.
  3. cope scripts dans le chemin de votre projet ou copiez les fichiers .js dans votre dossier de script.
  4. Téléchargez le «jQueryINR_v1.2.zip» et extrayez-le.
  5. copiez les images («rupee.svg, rupee.gif») dans votre dossier images.
  6. cope scripts dans le chemin de votre projet ou copiez les fichiers .js dans votre dossier de script.
  7. Incluez d'abord jQuery min et jQuery Ui dans votre page

    ex: NB: utilisez uniquement la version stable de jQuery

  8. inclure «indianRupee_v1.2.js» et «indianRupee_ctrl.js» après la bibliothèque jQuery, par exemple:

  9. Utilisez la balise Span pour envelopper Rs à travers le Web qu'elle remplacera par le symbole, par exemple: Rs 1280000 / -

La source:

Payez-le Rs 1280000 / -

Payez-le Rs 528500 / -

Payez-le Rs 1250 / -

Payez-le Rs 1280000 / -

Résultat:

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

Options de plug-in:

$ ("body"). indianRupee ({cibles: "span", // utiliser par défaut, nous pouvons également utiliser [p, div, h1, li etc ...] vector: "on" // [on / off] de [vrai / faux] NB: {vecteur non pris en charge dans Internet Explorer}});


0

C'est possible avec un simple code d' 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

meilleure façon de copier le symbole ₹ et de le coller.


y a-t-il une référence symbolique html pour cela?
Nelles
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.