Anzeige des indischen Währungssymbols auf einer Website

106

Dieses Symbol für die Rupie, die Währung Indiens, wurde am 15. Juli 2010 vom Unionskabinett genehmigt.

Indisches Währungssymbol

Wie kann ich es auf einer Website anzeigen?

html currency symbols Nur lernen
quelle
3
Interessant. Hinweis: U + 20B9 ist ein nicht zugewiesener Codepunkt in Unicode 5.2 - er wurde (wie im Text angegeben) zur Aufnahme in Unicode hoffentlich in naher Zukunft akzeptiert. Cool aussehendes Symbol. (Unicode akzeptierte Liste: unicode.org/alloc/Pipeline.html )
Thanatos
2
Überprüfen Sie dies: Umfassende Antwort
Ani Menon
2
Mögliches Duplikat des leeren rechteckigen Feldes wird anstelle des Rupien-Symbols in HTML
Noobscripter
w3schools.com/charsets/tryit.asp?filename=8377
Pardeep Jain

Antworten:

96

Die HTML-Entität für das indische Rupienzeichen ist ₹(£). Verwenden Sie es wie ©für das Copyright-Zeichen. Weitere Informationen finden Sie im Wikipedia-Artikel zum Rupienschild .

Sanjay
quelle
4
Was unterstützt der Browser diese Währungszeichen? funktionieren sie bis IE7?
SaurabhLP
1
Ich habe festgestellt, dass das Rupien-Symbol nicht in mehreren Browsern angezeigt wird. Müssen wir eine ttf-Datei installieren oder den Browser aktualisieren?
Chirag
1
Wirklich nützlich für mich !! +1
imdadhusen
42

Wenn Sie großartige Symbole für Schriftarten verwenden , können Sie Folgendes verwenden:

So importieren Sie font-awesome:

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

Verwendung:

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

wird angezeigt als:

Imgur

Pratyush
quelle
1
Es ist am besten, auch wenn der Computer keine Schrift hat
RN Kushwaha
Verwenden Sie einfach die Zeile <i class = "fa fa-inr"> </ i> 400.00, die ausreicht
Aditi K
1
danke dafür stürzte der Unicode der Währung in einem der 5 PCs ab, die ich eingecheckt hatte, aber dies war ein Lebensretter.
Mindmyweb
Die beste Antwort bis jetzt, auch an jedem Bootstrap-Thema zu arbeiten.
Ankit Suthar
19

WebRupee ist eine Web-API für das indische Währungssymbol. Es bietet eine einfache, browserübergreifende Methode zur Verwendung des Rupien-Symbols auf Ihrer Webseite, Ihrem Blog oder an einer beliebigen Stelle im Web.

Hier ist eine Methode zum Drucken des indischen Währungssymbols:

<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

Dies bedeutet, wenn jemand Text von Ihrer Site kopiert und an einer anderen Stelle einfügt, sieht er Rs und kein anderes oder leeres Zeichen.

Sie können jetzt auch das neue Rupien-Unicode-Symbol verwenden - U + 20B9 INDIAN RUPEE SIGN. Es kann auf folgende Weise verwendet werden:

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

Fügen Sie einfach das folgende Skript hinzu und es werden alle "Rs" / "Rs" aktualisiert. für dich:

<script src="http://cdn.webrupee.com/js" type="text/javascript"></script>
Nur lernen
quelle
1
reden wir nicht über das neue Rupien-Symbol?
Ankitjaininfo
2
und ich sehe, dass dies auf meinem FF 3.6 i.imgur.com/V8fnG.png nicht funktioniert .
Ankitjaininfo
@ Ankit yu Bild einfügen? Ich habe es probiert. Sie müssen einen Fehler machen
DiEcho
Dies funktioniert in Mozilla nicht, da sie aus seltsamen "Sicherheitsgründen" beschlossen haben, nur Schriftarten anzuzeigen, die aus derselben Domäne stammen.
PKHunter
1
webrupee.com existiert nicht mehr.
Vicky Chijwani
16

Verwenden Sie dieses 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;
}

Deklarieren Sie es, wo immer dies erforderlich ist:

<span style="font-family:rupee;font-size:20px">R</span>
OM Die Ewigkeit
quelle
16

Bitte versuchen Sie die folgende Lösung:

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

Dies wird angezeigt als: £

Abhilash
quelle
11

Es wird mehr als ein Jahr (oder zwei) dauern, bis die allgemeine Akzeptanz erreicht ist.

  1. Das Unicode-Konsortium genehmigt den Zeichencode.
  2. Schriftarten werden mit diesem Symbol aktualisiert
  3. Browser / Betriebssysteme werden aktualisiert, um neue Schriftarten aufzunehmen, und dann ist nur diese in jedem Browser auf der Erde sichtbar.

Es wird davon abgeraten, benutzerdefinierte Schriftarten mithilfe einer beliebigen Codebasis zu erstellen und diese (zwangsweise) in alle Webseiten einzubetten. (Für Desktop-Anwendungen kann dies akzeptabel sein). Obwohl Ihre Lösung akzeptabel sein kann; Ich würde nicht nur wegen eines Symbols raten! Durch das Laden einer Schriftartdatei werden Webseiten langsamer.

Bis dahin wird empfohlen, Symbolsätze für das Rupien-Symbol zu verwenden. Bereiten Sie eine Reihe von Symbolen mit den Größen 12 x 8, 16 x 12, 32 x 32 vor, die Sie mithilfe von <img>Tags inline integrieren können .

ZB 5000 / - (ich habe gerade die Größe des Bildes geändert; es sollte für eine bestimmte Größe neu abgetastet worden sein, um bessere Ergebnisse zu erzielen)

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

Hinweis: Dies ist, was Wikipedia tut. Es verwendet eine PNG / SVG- Datei. Überprüfen Sie die Infobox hier.

ankitjaininfo
quelle
1
yah .. meine Freunde haben mich hochgestuft und ich habe eine Punktzahl von 1.402 bekommen! Du gehst auch und machst Freunde auf SO statt auf FB. Was ich hier beschrieben habe, ist eher das Beste. Es gibt einen HTML-Weg, wenn Sie meine Antwort einlesen können. Creating custom fonts by using arbitrary code-base and (forcefully) embedding them in web-pages is highly discouraged for Website.Dies kann jedoch nicht garantieren, dass Ihre Seite in allen Webbrowsern angezeigt wird. Auch das ist unnötig, wenn Sie IMG haben können! Es ist nicht sinnvoll, BIG FONT FILE nur für ein Symbol zu verwenden. Sie möchten eine skalierbare Grafik - wählen Sie SVG!
Ankitjaininfo
5
Aus den Überarbeitungen dieser Quetion geht hervor, dass Sie nur IhreWebRupee
ankitjaininfo
und jetzt sehe ich, dass sie vor ein paar Tagen sogar eine Wiki-Seite ( en.wikipedia.org/w/index.php?title=Webrupee&action=history ) erstellt haben. virales Marketing. obwohl Ihre Lösung akzeptabel ist. aber ich würde nicht nur um eines symboles willen raten! lieber IMG.
Ankitjaininfo
@Ankit: Denkst du wirklich, dass die Verwendung von Bildern eine bessere Alternative ist?
Rakesh Juyal
@Rakesh Können Sie die Vorteile auflisten, die Sie mit einem Schriftsymbol erzielen? für Maschinen und Menschen! Für Menschen ist Bild und Schrift kein Unterschied. Für Maschinen mit Bild bedeutet weniger Rechenaufwand, weniger Bandbreite und schnelleres Rendern von Webseiten. (Dieses Argument ist gültig, es sei denn, die FONTS mit Rs sind in jedem Betriebssystem verfügbar!)
ankitjaininfo
10

Geben <del>&#2352;</del> Sie einfach Ihre Webseite ein.

Harry Patel
quelle
4
Dies ist nicht Rs Symbol
anglimasS
7

Es gibt zwei HTML-Entitätscodes: &#x20b9; &#8377;

Shiv Kumar Sah
quelle
5

Verwenden Sie dieses neue Unicode-Zeichen: &#x20b9;

Amol
quelle
3

Sie können dies mit der nativen Intl.NumberFormat- API tun .

var number = 123456.78;

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

Penny Liu
quelle
1

Der Bildansatz ist auch nicht schlecht. Es dauert kaum 400Bytes.
Laden Sie hier http://i.stack.imgur.com/vJZ9m.png herunter

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

Nun, ich fand es besser als Webrupee.

Für Farben bearbeiten Sie das Bild wie folgt

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

Dies kann von einer vorübergehenden Lösung gesucht werden. Unicode hat U+20B9als indisches Rupien-Symbol akzeptiert, bald werden sich alle Systeme selbst aktualisieren

ajay_whiz
quelle
6
Ich denke, "bald" ist ein bisschen optimistisch, da die Schriftarten aktualisiert werden müssen. Dies wird eine Weile dauern.
Pekka
0

WebRupee API hier verfügbar: 

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

Sie können auch lesen alle Details hier

Jagan
quelle
0

JQUERY INR v1.2

Ein einfaches jQuery-Plug-In zum Konvertieren von Rs. zum Standard-Symbol der indischen Rupie auf der gesamten Webseite. Einfach zu bedienen und einfach zu instillieren

Das Indische Rupienzeichen ist das Währungszeichen: £ für die Indische Rupie, die offizielle Währung Indiens. Entworfen von D. Udaya Kumar, wurde es am 15. Juli 2010 von der indischen Regierung der Öffentlichkeit vorgestellt [1], nachdem es im Rahmen eines „offenen“ Wettbewerbs unter indischen Einwohnern ausgewählt worden war. Vor seiner Einführung waren die am häufigsten verwendeten Symbole für die Rupie Rs, Re oder, wenn der Text in einer indischen Sprache verfasst war, eine geeignete Abkürzung in dieser Sprache. Das neue Zeichen bezieht sich ausschließlich auf die indische Rupie; Andere Länder, die eine Rupie verwenden, wie Sri Lanka, Pakistan und Nepal, verwenden weiterhin das generische Zeichen U + 20A8 ₨ Rupie. Das Design ähnelt sowohl dem Devanagari-Buchstaben "र" (ra) als auch dem lateinischen Großbuchstaben "R" mit einer doppelten horizontalen Linie oben.

Instillation:

  1. Laden Sie die Datei "jQueryINR_v1.2.zip" herunter und extrahieren Sie sie.
  2. Kopieren Sie Bilder ("rupee.svg, rupee.gif") in Ihren Bilderordner.
  3. Bewältigen Sie den Skriptordner in Ihrem Projektpfad oder kopieren Sie die JS-Dateien in Ihren Skriptordner.
  4. Laden Sie die Datei "jQueryINR_v1.2.zip" herunter und extrahieren Sie sie.
  5. Kopieren Sie Bilder ("rupee.svg, rupee.gif") in Ihren Bilderordner.
  6. Bewältigen Sie den Skriptordner in Ihrem Projektpfad oder kopieren Sie die JS-Dateien in Ihren Skriptordner.

  7. Fügen Sie zuerst jQuery min und jQuery Ui zu Ihrer Seite hinzu

    Beispiel: Hinweis: Verwenden Sie nur die stabile jQuery-Version

  8. Fügen Sie nach der jQuery-Bibliothek die Dateien "indianRupee_v1.2.js" und "indianRupee_ctrl.js" ein, z.

  9. Verwenden Sie das Span-Tag, um Rs durch das Web zu wickeln, das durch das Symbol ersetzt wird, z. B.: Rs 1280000 / -

Quelle:

Zahlen Sie ihm Rs 1280000 / -

Zahlen Sie ihm Rs 528500 / -

Zahlen Sie ihm Rs 1250 / -

Zahlen Sie ihm Rs 1280000 / -

Ergebnis:

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

Plug-In-Optionen:

$ ("body"). indianRupee ({Ziele: "span", // standardmäßig verwenden wir können auch [p, div, h1, li etc ...] verwenden vector: "on" // [on / off] von [wahr / falsch] NB: {Vektor wird in Internet Explore nicht unterstützt}});

Romy R Michael
quelle
0

Dies ist mit einfachem HTML- Entitätscode möglich .

.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
Erweitern Sie das Snippet

Smilyface
quelle
0

Kopieren Sie am besten das £ -Symbol und fügen Sie es ein.

Rubal Islam
quelle
Gibt es dafür eine symbolische HTML-Referenz?
Nelles